Section 01
Next.js Foundations
Bootstrap a Next.js app and learn the App Router file conventions.
10 / 10 lessons
Next.js 15 · intermediate
Next.js track
Build production React apps with Next.js 15. App Router, Server Components, Server Actions, streaming, caching, Route Handlers, Metadata API, images, fonts, deployment. The framework that powers a huge share of modern React apps in production.
Start the first lesson
70 of 70 lessons live
Section 02
Routing & Navigation
File-based routing, dynamic & catch-all routes, groups, parallel & intercepting routes.
10 / 10 lessons
Section 03
Server & Client Components
Server-first by default, "use client" boundaries, streaming, suspense, loading & error UI.
10 / 10 lessons
- 01 Server Components — the Default
- 02 Client Components & "use client"
- 03 Data Fetching in Server Components
- 04 The Extended fetch API
- 05 revalidatePath() & revalidateTag()
- 06 Streaming & Suspense
- 07 loading.tsx — Instant Skeleton
- 08 error.tsx — Error Boundary
- 09 Composing Server + Client Components
- 10 Third-Party Components in RSC
Section 04
Mutations & Forms
Server Actions, useFormState, useFormStatus, validation, optimistic updates.
10 / 10 lessons
- 01 Server Actions — Run Server Code From the Client
- 02 Forms With Server Actions
- 03 useActionState — Read Action Result on the Client
- 04 useFormStatus — Disable While Submitting
- 05 Validation With Zod
- 06 Progressive Enhancement
- 07 Mutations & Revalidation
- 08 Optimistic Updates With useOptimistic
- 09 Cookies in Server Actions
- 10 Error Handling in Actions
Section 05
Caching & Rendering
Static, dynamic, ISR, the four caches — and how to invalidate them.
10 / 10 lessons
Section 06
APIs, Auth & Data
Route Handlers, middleware, cookies/headers, Auth.js, JWT, Prisma, Drizzle, Edge.
10 / 10 lessons
Section 07
Optimization, SEO & Production
next/image, next/font, metadata, OG images, i18n, testing, build, deployment.
10 / 10 lessons