← Back to Next.js overview

Hand-written tutorials, ordered as a recommended learning path.

1. 41 Parallel & Intercepting How parallel slots and intercepting routes power dashboards, modals, and tabbed UIs in the Next.js App Router — the file conventions, when to reach for each, and the patterns that hold up in production. 4 min read →
2. 42 Handlers vs API Understand the difference between Pages Router API routes and App Router route handlers, including request, response, and runtime options. 4 min read →
3. 43 RSC Data Loading Practical patterns for loading data with React Server Components in the Next.js App Router — async components, request memoization, streaming with Suspense, and where client components fit in. 4 min read →
4. 44 Server Actions Server Actions explained: what they are under the hood, how to use them for forms and mutations, and the security and UX patterns that matter. 5 min read →
5. 45 Static vs Server Compare Next.js static export and server runtime modes. Understand when each shines, how features differ, and how to choose without painting yourself into a corner. 4 min read →
6. 46 Streaming Learn how the App Router streams HTML over the wire and how Suspense boundaries control what users see while data loads. 4 min read →
7. 47 App vs Pages Router Compare the Next.js App Router and Pages Router: routing, data fetching, layouts, server components, and how to decide for new and existing projects. 5 min read →
8. 48 Metadata API Master the Next.js Metadata API with static and dynamic titles, OpenGraph tags, sitemaps, and robots.txt to ship pages that rank and share well. 6 min read →