Pro

Next.js: Complete Web Development

Master Next.js App Router from routing and layouts to Server Components, Server Actions, caching, image optimization, and production authentication.

5 modules 5 lessons ~1h AI voice coach
Start Learning — Pro

1-month free Pro trial included

Course Outline

1

App Router, File-Based Routing & Layouts

1 lessons

Next.js App Router fundamentals: file conventions, nested layouts, route groups, and loading/error states

App Router Fundamentals & File Conventions
2

Server Components vs Client Components

1 lessons

React Server Components, Client Components, the boundary between them, and when to use each

React Server Components & Client Components
3

Server Actions, Data Fetching & Caching

1 lessons

Mutations with Server Actions, Next.js fetch caching, revalidation strategies, and the cache API

Server Actions & Mutations
4

Performance, Images, Fonts & Optimization

1 lessons

next/image for automatic optimization, next/font for zero-layout-shift fonts, metadata API, and performance best practices

next/image, next/font & Built-in Optimizations
5

Authentication, Middleware & Route Protection

1 lessons

Implementing auth with NextAuth.js/Clerk, middleware for route protection, and session management

Authentication & Route Protection