The problem
I needed a portfolio that reads like a senior engineer's — a real directory of work with proper case studies, not a template.
My approach
I designed a full design system and built the site with a typed content model, a filterable work directory and per-project case studies generated statically.
How it's built
- Next.js 16 App Router, React 19, TypeScript, Tailwind v4 — static export.
- Typed content model: add a project by appending one object.
- Filterable /work directory and generated /work/[slug] case studies.
- SEO, Open Graph, sitemap, robots and JSON-LD; deployed on Vercel.
Highlights
- A real work directory with full case studies.
- One-file content model; fast, accessible, SEO-ready.