IntermediateFrontend

Next.js & Modern React

Next.js has fundamentally changed how we build React applications. This roadmap focuses on the paradigm shift — understanding when to reach for Server Components vs Client Components, how to leverage Next.js's powerful caching model, and how to build apps that are both fast and maintainable.

34 topics

6–8 weeks

Intermediate

What you'll learn

Understand the mental model of React Server Components
Master the App Router with nested layouts and loading states
Implement streaming and Suspense for progressive loading
Use Next.js caching layers — request, data, and full-route
Build type-safe APIs with Route Handlers
Implement ISR and on-demand revalidation
Optimise images, fonts, and scripts for Core Web Vitals
Deploy and scale on Vercel with edge functions

Roadmap Coming Soon

We're actively building this interactive roadmap — complete with a drag-and-drop timeline, topic checkboxes, and progress tracking. It's on the way.

Build progress~35%

Expected release: will be announced soon

Loading Page...

Command Palette

Next.js & Modern React

What you'll learn

Roadmap Coming Soon

Next.js & Modern React

What you'll learn

Roadmap Coming Soon