Back to roadmap Dashboard

AdvancedAdvanced6 weeks

Next.js

Ship full-stack React apps with App Router, server components, rendering strategies, API routes, SEO, and deployment.

Topic 18 of 24

Prerequisites

React.js
Routing
API Integration

Key Concepts & Skills

App Router
Server Components
Data fetching
Caching
API routes
Metadata
Deployment

Learning Outcomes

Understand the core principles of App Router
Configure and deploy Server Components successfully
Troubleshoot common issues with Data fetching
Understand the core principles of Caching
Configure and deploy API routes successfully
Troubleshoot common issues with Metadata
Understand the core principles of Deployment

Resources

Official documentation

Next.js documentation

Community resources

Next.js roadmap Vercel templates

Practice Exercises

Build nested layouts with the App Router.Use server and client components intentionally.Create SEO metadata and API routes.

Project Task

Build a production blog or commerce catalog with Next.js.

Quiz

What is the primary purpose of Next.js?What are the common alternatives to Next.js?How do you implement Next.js in a production environment?

Notes