Modern React with Next.js

Overview

Go beyond tutorials and learn how professional teams structure React applications today. You will build a full-featured learning dashboard using the Next.js App Router, server and client components, data fetching, caching, forms and authentication, while mastering performance and testing.

Level

Intermediate

Language

English

Updated

Aug 2026

Free previews

2 lessons

What you'll learn

• Structure applications with the Next.js App Router and nested layouts
• Decide between server and client components with confidence
• Fetch, cache and revalidate data using modern patterns
• Build forms and mutations with Server Actions and validation
• Add authentication and protect routes
• Optimise performance with streaming, images and bundle analysis

Curriculum

Requirements

• Working knowledge of JavaScript (ES6+) and basic React
• Comfort with the command line and Node.js
• A code editor such as VS Code

Skills you'll build

Completing this course raises these proficiencies in your skill profile.

Your instructor

Adam Miller

Staff Frontend Engineer, Cloudweave

Adam is a staff engineer who has migrated three large codebases to React Server Components and the Next.js App Router. He writes about rendering strategies, performance budgets and pragmatic architecture, and he teaches by building real features live.

4.9 instructor rating13K learners1 courses

More courses by Adam

Learner reviews