How this site was built.

Built with Next.js 16 (App Router, Turbopack) on React 19 and TypeScript. Styling via Tailwind CSS 4 — CSS-first config, theme tokens declared in @theme and swapped at runtime by CSS variables.

Motion is split across two libraries with different jobs: Framer Motion for component-level reveals and layout transitions, and Lenis for smooth scroll. The 3D scenes are plain Three.js rather than a React renderer — they are self-contained, so keeping them off the reconciler costs nothing and saves the bundle. Each one loads in its own client chunk, pauses when it scrolls out of view or the tab is hidden, and never starts on a phone or when prefers-reduced-motion is set.

Project data lives in a typed TypeScript file rather than a CMS — fast to iterate, easy to review in PR diffs, no extra moving parts for v1. Case studies are static-rendered at build time.

Deployed on Vercel. Source is private for now.