toino.pt

Personal portfolio website showcasing my projects, skills, and experience. Built with SvelteKit and deployed to Cloudflare Workers.

Tech Stack

• Framework: SvelteKit 5
• Language: TypeScript
• Styling: Tailwind CSS v4
• Deployment: Cloudflare Workers via Wrangler

Features

• Project Showcase — Browse projects with filtering by tags and technologies, sorting by date or name
• Responsive Design — Optimized for all screen sizes, from mobile to desktop
• Dark/Light Mode — Automatic theme detection with support for themed project screenshots
• Optimized Images — Responsive images with AVIF/WebP/JPEG fallbacks via @sveltejs/enhanced-img
• Smooth Transitions — Animated page transitions and project grid animations
• SEO — Auto-generated sitemap and meta tags

Getting Started

Install dependencies:

pnpm install

Start the development server:

pnpm run dev

Deployment

The site is deployed to Cloudflare Workers using Wrangler. Static assets are served via Workers Static Assets.

pnpm run deploy