Next.js
React plus a server. Server Components and the App Router, the four caching layers and when each one is lying to you, server actions and forms, metadata and images, auth on the server, and everything that changes once it is deployed. Nearly every confusing moment reduces to one question: is this running on the server or in the browser?
Foundations
7 conceptsRendering Models — CSR, SSR, SSG, ISR and RSC
The App Router — Files Are the Routing
Server and Client Components
Navigation — Link, useRouter and the Router Cache
Layouts, Loading States and Error Boundaries
Project Structure and TypeScript Conventions
Hydration Errors and the Usual Traps
Data & Caching
8 conceptsFetching Data in Server Components
The Caching Layers
Revalidation — Keeping Cached Data Fresh
Streaming and Suspense
Static or Dynamic — Reading the Build Output
Partial Prerendering
Client-Side Data Alongside Server Components
Calling a Separate Backend
Mutations
5 conceptsUX & Assets
6 conceptsAuth & Security
5 conceptsProduction
9 conceptsThe Build, and What It Produces
Deploying — Vercel and Self-Hosting
Node and Edge Runtimes
Performance — Bundles and Core Web Vitals
Monitoring and Debugging in Production
Testing a Next Application
next.config and Build Configuration
Caching at the Edge in Production
Migrating from the Pages Router