Developers
Notes on the build.
A few things I learned building this site, shared as notes, not a tutorial. The interesting parts are yours to figure out.
Stack
Built with
Next.js
React
TypeScript
Tailwind CSSMotion
GSAP
shadcn/ui
Vercel
Notes
Field notes
Content is data
Everything you read on this site—the copy, the case studies, the navigation—lives in one place and flows outward. When the words change, the whole site follows. If you're building a content-heavy site, centralize your copy early; future-you will be grateful.
Mobile is an app, not a smaller desktop
On a phone, this site behaves like a native app: a bottom tab bar, sheets instead of pages-within-pages, safe-area-aware spacing. The footer doesn't even exist on mobile. Design for the device people hold.
Restraint is a feature
Glass, grain, and motion are used sparingly, on chrome, not content. The fastest animation is the one you don't run. Most of the performance work here was deciding what to remove, not what to add.
Static until it can't be
Every page is prerendered. No server work for content that doesn't change. Reach for interactivity only where it earns its cost.
Principles
If you take one thing
- Design for the device in hand
- Animate chrome, not content
- Centralize your copy
- Ship static, hydrate less
The rest is in the browser. View source, open devtools, and poke around.