Next.js Learn
The official free course, building a working application with routing, server rendering, data fetching, authentication and deployment. The most efficient way to understand where server and client code split in a modern React app.
Course
Web Development
Vercel
1 to 2 weeks
Intermediate
Free
What it is
A free official course that builds a complete dashboard application step by step, covering the file based router, server and client components, data fetching and mutations, streaming, error handling, authentication and deployment.
The concept it teaches best
Where the server ends and the client begins. That boundary is the single most confusing thing about modern React frameworks, and the source of most of the errors people hit. Working through an application where the split is deliberate at each step is far more effective than reading about it.
How to use it
Type it rather than cloning it, and pause at each server and client boundary to predict what runs where before reading the explanation.
Best for: React developers moving to Next.js, and anyone confused by server components.
Ready to start?
Opens on Vercel in a new tab.
Stuck on something specific?
Writing only gets you so far. If you want an answer to your situation rather than the general case, book a session and we will work through it together. Every session is free; a few slots open each week.
Follow along
New writing, resources and project ideas land here first.