This very site, a fast, type-safe, MDX-driven portfolio built with Next.js and Tailwind that scores a perfect 100 in every Lighthouse metric.
The Problem
Most personal websites are static resumes. I wanted to build something that scales with my career without requiring refactors, where adding a new project takes 5 minutes.
The Solution
Built a high-performance personal website with Next.js 16 and Tailwind CSS v4. Projects are stored as MDX files and parsed at build time into TypeScript interfaces. If a project file misses a required field, the build fails, enforcing data integrity without runtime checks.
Key features:
Server-side rendering for optimal performance and SEO
Type-safe content management with build-time validation
Dark/light mode switching via CSS variables
Image optimization with next/image and modern formats
Summary