Next.js App Router in Depth
Learn the App Router the way it actually works: routing and layouts, the server/client boundary, caching, and server actions.
- Intermediate
- 1h 59m
- 4 modules
- 12 lessons
- 18.2k students
Taught by Mira Kovac · React, Next.js, Web performance, Rendering
What you’ll learn
Model routes with layouts
Compose nested layouts, templates, and route groups so shared UI never re-renders needlessly.
Draw the server/client line
Decide what runs on the server and what ships to the browser, and pass data across the boundary safely.
Control caching
Understand what is cached, for how long, and how to revalidate it on demand instead of guessing.
Mutate with server actions
Handle forms, validation, and optimistic updates without hand-writing an API layer.
Course content
4 modules · 1h 59m
01Routing and LayoutsHow the App Router turns folders into URLs, and how layouts let you share UI without re-rendering it.20m
02Server and Client ComponentsThe boundary that defines the App Router: what runs on the server, what ships to the browser, and how data crosses between them.33m
03Data Fetching and CachingFetching data where it belongs, understanding what gets cached, and streaming the slow parts so the page appears immediately.33m
04Server Actions and MutationsWriting data from the client without hand-building an API: actions, form validation, and optimistic UI.34m