IntermediateNext.js 16ConvexReact 19
Building Real Apps with Next.js 16 & Convex
A hands-on track through the modern full-stack pattern: render with React Server Components, store and sync data reactively with Convex, and add real authentication with Clerk. Every lesson ships with runnable, in-browser code.
7 lessons · ~2 hours
1. Foundations
2. Data with Convex
Schema design & indexes
Convex has no query planner — you index every access pattern by hand. Here's how to do it well.
Reactive queries
In Convex, a query is a live subscription. Change the data and every screen updates — no polling, no websockets.
Mutations & transactions
Writes in Convex are transactional functions. Learn the read-modify-write pattern behind "mark complete".