Headless Workshop — Twice As Clever

A lot of developers have heard of headless CMS but have never actually built with it. This workshop exists to fix that — a guided starter repo that takes you from zero to a fully deployed, statically generated site backed by a live content API.

The stack is Sanity.io for content (with the embedded Studio running right in the repo at /studio), NextJS for the frontend with dynamic routing and both SSG and SSR patterns demonstrated, and Storybook for building and reviewing components in isolation before wiring them to real data. Everything deploys to Vercel.

The repo includes a complete walkthrough presentation, a complete-example branch with the finished implementation, and enough structure to use it as a production starter — not just a tutorial artifact.

What's Inside

Sanity.io as the headless CMS — content modeled with GROQ queries, Studio embedded at /studio

NextJS dynamic routing with both SSG and SSR patterns demonstrated side by side

Page builder pattern — content editors assemble pages from reusable section types

Storybook for component development and visual review in isolation

Vercel deployment — one push, globally distributed

complete-example branch with the fully built-out reference implementation