← All roadmapsView interactive roadmap on roadmap.sh
Next.js
Learn everything you need to master Next.js
0%
0 done0 learning0 target
Your learning path
Introduction
Introduction
JavaScript Basics
SPA vs SSR
Why React
Why Frontend Frameworks
Next.js
Next.js
Why Next.js
Why Next.js
Remix
Remix
Rendering Strategies
Rendering Strategies
create-next-app
create-next-app
Loading and Streaming
Loading and Streaming
Types of routers
Types of routers
Error States
Error States
Why use App Router?
Why use App Router?
Routing Patterns
Routing Patterns
Routing Terminology
Routing Terminology
API Endpoints
API Endpoints
Static vs Dynamic
Rendering Pages
Rendering Pages
Structuring Routes
Structuring Routes
Layouts and Templates
Layouts and Templates
Next.js Routing Basics
Next.js Routing Basics
Client
Client
Server
Server
Revalidating Cached Data
Revalidating Cached Data
React Cache
React Cache
Revalidation Errors
Revalidation Errors
Caching Data
Caching Data
Memoization in Fetch
Preloading Data
Preloading Data
Data Fetching Patterns
Data Fetching Patterns
Parallel vs Sequential
Handling Sensitive Data
Handling Sensitive Data
Server Actions
Server Actions
Client Rendered
Client Rendered
Server Rendered
Server Rendered
Composition
Composition
Global CSS
Global CSS
CSS Modules
CSS Modules
Sass
Sass
Tailwind CSS
Tailwind CSS
CSS in JS
CSS in JS
Images
Images
Videos
Videos
Fonts
Fonts
Metadata
Metadata
Scripts
Scripts
Package Bundling
Package Bundling
Lazy Loading
Lazy Loading
Analytics
Analytics
Instrumentation
Instrumentation
OpenTelemetry
OpenTelemetry
Static Assets
Static Assets
Third Party Libraries
Third Party Libraries
Memory Usage
Memory Usage
TypeScript
TypeScript
Prettier
Prettier
ESLint
ESLint
Setting things Up
Setting things Up
Environment Variables
Environment Variables
Markdown and MDX
Markdown and MDX
Custom Server
Custom Server
Vitest
Vitest
Jest
Jest
Playwright
Playwright
Cypress
Cypress
Preparing for Production
Preparing for Production
Deployment Options
Deployment Options
Docker Container
Static Export
Adapters
Node.js Server
React Frameworks
React Frameworks
SSR
SSR
SPA
SPA
CSR
CSR
SSG
SSG
Pages
Pages
App
App
Intercepting Routes
Intercepting Routes
Parallel Routes
Parallel Routes
Streaming
Streaming
Reditects
Reditects
Caching
Caching
Middleware
Middleware
Setting Headers
Using Cookies
Route Matcher
Use cases
Fetching Locations
Fetching Locations
Runtimes and Types
Runtimes and Types
Node.js
Node.js
Edge
Edge
Internationalization