Next.js App Router
Master Next.js 14+ App Router: server components, server actions, ISR, middleware, authentication, ORM integration, and production deployment on Vercel.
100% Free · All lessons unlocked
Course Content
Foundations
Core concepts and groundwork
Introduction to Next.js and the App Router
Reading
Project Setup, File-based Routing and Layouts
Reading
Pages, Nested Routes and Route Groups
Reading
Linking, Navigation and the useRouter Hook
Reading
Dynamic Routes and Route Parameters
Reading
Foundations Practice — Multi-page Site
Exercise
Core Skills
Essential techniques and patterns
Server Components vs Client Components
Reading
Data Fetching in Server Components
Reading
Server Actions and Mutations
Reading
Loading UI, Streaming and Suspense
Reading
Error Handling and Not-Found Pages
Reading
Components Practice — Dashboard with Server Data
Exercise
Applied Practice
Hands-on, real-world scenarios
Caching and Revalidation Strategies
Reading
Static, Dynamic and ISR Rendering
Reading
Route Handlers and Building APIs
Reading
Middleware and Request Handling
Reading
Metadata, SEO and Open Graph
Reading
Applied Project — Blog with ISR + API Routes
Project
Advanced Topics
Deeper, more complex material
Authentication and Sessions
Reading
Parallel and Intercepting Routes
Reading
Image, Font and Asset Optimisation
Reading
Forms, Validation and useFormStatus
Reading
Database Integration with an ORM
Reading
Advanced Practice — Authenticated CRUD App
Exercise
Production & Scale
Building for the real world
Environment Variables and Configuration
Reading
Deployment on Vercel and Self-hosting
Reading
Performance Optimisation and Core Web Vitals
Reading
Testing Next.js — Vitest and Playwright
Reading
Monitoring, Logging and Analytics
Reading
Production Practice — CI/CD and Deployment
Exercise
Mastery & Capstone
Projects and final review
100% Free · All lessons unlocked
Topic Overview
What you'll learn
- Core concepts and fundamentals of Next.js App Router
- Industry best practices and design patterns
- Hands-on exercises with real-world scenarios
- Performance optimization and advanced techniques
- Building production-ready applications