Next.js Fundamentals
Ship production-ready React with Next.js. Learn the App Router, file-based routing and layouts, server vs client components, data fetching, route handlers, and server actions, building a small project in every chapter. Assumes you have finished React Fundamentals.
Start learning
Build real skills one lesson at a time
Explore the complete curriculum below, then start with the lesson that is right for you.
About this course
Next.js is the most popular way to build production React apps. It adds routing, server rendering, and a full-stack toolkit on top of React.
This course covers the modern App Router from the ground up, building a small project in every chapter.
What you'll learn
- File-based routing and nested layouts
- Server and client components, and when to use each
- Data fetching in the App Router
- Route handlers for building APIs
- Server actions for mutations
Prerequisites
- Finished React Fundamentals (opens in a new tab) or comfortable building React apps
Course instructor
Brad Traversy
Founder of Traversy Media and an educator known for practical, project-focused web development courses.
Course content
Keep learning
More programming courses
Intermediate course
TypeScript Fundamentals
Learn TypeScript from the ground up: type your variables, functions, objects, and arrays, and let the compiler catch mistakes before your code ever runs.
View courseIntermediate course
Validation with Zod
Learn Zod, the TypeScript-first schema library: define schemas, parse and validate untrusted data, infer types instead of duplicating them, and wire it all into React forms with react-hook-form.
View courseIntermediate course
Learn Vercel AI SDK
Learn Vercel AI SDK by building real-world AI projects. Learn how to stream text, render progress, call tools, manage context, handle errors, and more.
View course