This portfolio
- Role
- Design & engineering
- Period
- 2024 – Present
- Stack
- Next.js 16 · React 19 · TypeScript · Tailwind CSS · GSAP · Lenis · Sanity CMS
A printed-page aesthetic brought to the web — built to feel animated without paying for it in load time.
Motion without the weight
Pages stay server-rendered; animation lives in small client components. GSAP handles text reveals and scroll timelines, Lenis handles smooth scrolling, and native view transitions morph elements between pages.
Only transform, opacity and clip-path are animated, content is never hidden from the browser's first paint, and everything respects reduced-motion preferences.
Content pipeline
Portfolio content lives in typed TypeScript files; the blog runs on Sanity with on-demand revalidation, preview mode and structured data.
Key features
- 01
View transitions
Shared-element morphs from the work index into each case study.
- 02
Technical SEO
JSON-LD, Open Graph images, canonical URLs and a dynamic sitemap.