From prototype to production in Next.js

Why I now build most marketing sites myself, and the small toolkit I use to move from prototype to shipped code.

For years I handed designs to developers and hoped for the best. Now I build most marketing sites myself.

A tiny stack

Next.js, a handful of CSS variables and one motion helper. That is almost everything.

Components mirror the design file

Every component in code has the same name as its frame in the design file, so changes are easy to trace.