Building a conference website on Jamstack with Next.js and Crystallize
summary
A Jamstack conference boilerplate ships a full Next.js front end and an optional backend powered by Crystallize, with typed GraphQL queries, a stitches design system and Storybook, bootstrapped tenant data (example "my awesome conference"), and a working Stripe test checkout that creates orders in Crystallize. Pages use Incremental Static Regeneration, Vercel builds complete in about one minute, and accessibility/SEO schema are preconfigured; Lighthouse scores approach 100 but performance is noted as so so due to client runtime. Next.js + Crystallize, stitches design system, Stripe test checkout
AI-written summary · about
chapters (7)
- 0:00Introduction to Jamstack conference sites
- 10:58Setting up the boilerplate
- 20:52Configuring content in Crystallize
- 25:24Theming and design system
- 26:26Deploying to Vercel
- 30:45Live Lighthouse audit
- 33:33Q&A session
related talks
29mJamstack at Scale
12mCMS and JAMstack: A Tale of Innovation in Web Development
30mBuilding a massively scalable and performant Jamstack app in minutes
35mThe Rise of JAMStack
56mJAMstack
19mNavigating the web in a world full of constraints
19mA Skeptic’s Intro To The Jamstack
04mI Love Next.js - A Creator Mash-up