Next.js
Next.js for Absolute Beginners
Learn how Next.js builds on React with routing, layouts, server rendering, and safe data patterns.
This is one technology path. Learn React, Next.js, Node.js, JavaScript basics, and future tracks separately at your own pace.
coverage.map
Topics this track covers
App Routerproject structurelayouts and pagesnavigationserver and client componentsdata fetchingcachingrevalidationmutationsroute handlersloading and errorsmetadataimages and fontsauthenticationauthorizationenvironment variablestestingdeploymentperformance
1
Next.js App Router Basics
Understand pages, layouts, links, and route segments.
- What Next.js adds to React - 8 min
- Pages, layouts, and links - 8 min
2
Server and Client Components
Choose where components run and keep browser JavaScript focused.
- Server components - 8 min
- Client components - 8 min
3
Data, Mutations, and Deployment
Load data, change data safely, and prepare a Next.js app for production.
- Loading and caching data - 8 min
- Server actions and route handlers - 8 min
4
Production App Router
Build secure, cache-aware routes with deliberate loading, error, and metadata behavior.
5
Security, Testing, and Deployment
Prepare a Next.js application for real users and production operations.