Related Roadmaps Find the interactive version of this

roadmap and more roadmaps at

JavaScript Roadmap
Frontend Roadmap
roadmap.sh
React Roadmap

Next.js

Why Next.js
JavaScript Basics
Next.js Remix
Why Frontend Frameworks

React Frameworks Introduction Why React

SPA vs SSR

SSR SPA
create-next-app Next.js Routing Basics
CSR SSG

Rendering Strategies Getting Started Routing

Routing Terminology Types of routers

Rendering Pages
Parallel Routes Pages App
Layouts and Templates
Intercepting Routes Why use App Router?
Loading and Streaming

Routing Patterns Error States

Use cases

Route Matcher
API Endpoints Structuring Routes

Using Cookies

Static vs Dynamic Middelware Setting Headers

Caching Streaming

Reditects Internationalization

Client Server

Working with data Fetching Locations

Handling Sensitive Data Data Fetching Patterns Caching Data

Server Actions

Parallel vs Sequential Memoization in Fetch

Preloading Data React Cache

Rendering
Revalidating Cached Data

Node.js Edge Revalidation Errors

Runtimes and Types

Client Rendered

Server Rendered Global CSS

Composition Runtimes Ways to Write CSS

CSS Modules

Tailwind CSS
Images Writing CSS
Videos Sass

Fonts CSS in JS
Optimizations
Metadata

Package Bundling TypeScript

Lazy Loading ESLint Prettier

Analytics
Configuring Setting things Up
Instrumentation
Environment Variables
OpenTelemetry
Markdown and MDX
Static Assets
Preparing for Production Custom Server
Scripts

Third Party Libraries

Memory Usage
Deployment Testing

Node.js Server Testing Frameworks

Docker Container Vitest Jest

Deployment Options
Static Export Playwright Cypress

Adapters

Visit the following related roadmaps

React Frontend JavaScript