Build Fullstack Apps in Record Time with Blitz.js
summary
Blitz.js is a Next.js-based fullstack framework that demonstrates a Zero-API data layer by letting frontend code call plain server functions which compile to RPC endpoints. The demo creates a prismeet meetup clone with Prisma models, runs blitz prisma db push and blitz dev, edits data in Prisma Studio, and wires useQuery + Suspense for reads and a mutation to “participate” (auth enforced via session). Recipes add Tailwind and a Quirrel job queue; the app mostly works end-to-end.
AI-written summary · about
chapters (13)
- 0:00Introduction to Blitz
- 2:38Setting up the project
- 6:12Project structure and DB
- 10:25Defining the data model
- 14:43Frontend development
- 18:53Data fetching with queries
- 25:59Prisma Studio and suspense
- 30:46Understanding Zero API
- 34:05Building detailed pages
- 37:42Adding interactions
- 43:54Authentication and recipes
- 55:17Community and Q&A
- 1:15:31Challenges and conclusion
related talks
45mBlitz.js & the Future of Fullstack
21mBlitz.js - The Fullstack React Framework
20mBuild Fullstack 10x Faster with Blitz.js
53mBlitz The Fullstack React Framework
10mFullstack Framework for Next.js
17mThe Missing Next.js Toolkit
23mThe Dawning of a New Age for Fullstack React
12mNext.js A Framework For Frameworks