π Table of Contents
Chapter 1: Environment Setup
Create a project with create-next-app, understand directory structure and basic configuration
Chapter 2: Routing System
App Router file-system routing, dynamic routes, and nested layouts
Chapter 3: Rendering Modes
Server/Client Components, SSR, SSG, ISR & Streaming
Chapter 4: Data Fetching
Server-side fetch, Server Actions, caching strategies & revalidation
Chapter 5: Styling & Assets
CSS Modules, Tailwind CSS, next/font & next/image optimization
Chapter 6: API Routes
Route Handlers, middleware, CORS configuration & external API integration
Chapter 7: Database Integration
Prisma ORM installation & configuration, Schema definition, CRUD & Server Actions integration
Chapter 8: Deployment & Optimization
Vercel/Docker deployment, Metadata API, performance optimization & static export
Metadata Title Template & Config Guide
Official answers for title.template, remotePatterns pathname, and App Router Strict Mode
React Strict Mode Impact
Extra renders, useEffect running twice, ref callback reruns, and production behavior explained
β¨ Learning Highlights
App Router First
Based on Next.js 15 App Router, master the latest full-stack development paradigm
Server Components
Deep understanding of RSC architecture, build the most performant React applications
Code-Driven
Every concept comes with complete runnable examples, learn and apply immediately
Full-Stack Coverage
From routing to database to deployment, a one-stop full-stack development guide