Grasp Next.js, stop guessing.
The App Router from the ground up: server and client components, data loading, caching, server actions and streaming – explained in plain language, with quizzes and tasks.
Written for people who know React and are using Next.js seriously for the first time.
- lessons
- 18
- quiz questions
- 81
- editor exercises
- 4
- minutes of reading
- 213
Getting your bearings
How Next.js is put together and where your code runs. Start here.
Next.js from zero
What Next.js takes off your hands – and what changes because of it
Routing through folders
Addresses come from the file tree – with a few special brackets
Server and client components
The one decision you keep making in Next.js
Layouts, templates & navigation
The frame that stays while the content changes
Data & writing
Loading, caching, refreshing – and forms that actually reach the server.
Fetching data
await in the component – and how to avoid waterfalls
Understanding caching
Why the page is suddenly frozen after deploying
Revalidation
After saving, refetch exactly what changed
Server actions & forms
Writing without an API in between
Route handlers
When something from outside needs access
Rendering & delivery
Static or dynamic, streaming, error and loading states.
Static or dynamic
When a page is produced at build time – and when on every request
Streaming & Suspense
Not waiting until everything is ready
Error and loading states
What happens when things go wrong – and who catches it
Into production
SEO, images, middleware, deployment – and the classic pitfalls.
Metadata & SEO
Title, description, preview image – and who computes them
Images & fonts
Two components that save most of your load time
Middleware
Code running before the page – and therefore it has to be fast
Parallel & intercepting routes
Two tools you rarely need – and then cannot do without
Environment & deployment
Secrets that stay secret – and the way out into the world
Pitfalls
The mistakes that happen once in almost every Next.js project
Need React firepower on your team?
We have been building React and Next.js applications for clients across Germany for years – as a single expert, as reinforcement for an existing team, or as a complete Scrum team.
Talk about your project →