Next.js Roadmap

Step by step guide to becoming an Android developer.

Back to home

Legend

Propose
Alternatives
Options

1 Introduction

Why Next.js?
React Frameworks
SPA vs SSR

2 Getting Started

create-next-app
Rendering Strategies
Next.js Routing Basics

3 Routing

App vs Pages Router
Layouts and Templates
Loading and Streaming
Parallel & Intercepting Routes

4 Working with Data

Data Fetching Patterns
Fetching Locations
Handling Sensitive Data

5 Data Caching & Mutations

Caching Data
Server Actions
React Cache
Preloading Data

6 Rendering

Runtimes (Node.js vs Edge)
Server vs Client Rendering
Composition Patterns

7 Optimizations: Assets

Images
Videos
Fonts
Metadata

8 Optimizations: Performance

Scripts
Lazy Loading
Analytics & Open Telemetry

9 Styling in Next.js

Global CSS
CSS Modules
Tailwind CSS
Sass / CSS-in-JS

10 Configuration

TypeScript
ESLint & Prettier
Environment Variables
Markdown and MDX

11 Testing

Unit Testing (Jest / Vitest)
E2E Testing (Playwright / Cypress)

12 Deployment

Preparing for Production
Node.js Server
Docker Container
Static Export

Visit the following related paths and keep learning.