Next.js Full-Stack: From App Router to Production

Ch01

What Is Next.js: The Philosophy Behind a Full-Stack Framework

Why frameworks exist, what problems Next.js solves, and the fundamental difference between App Router and Pages Router

Ch02

App Router File-System Routing: The Complete Guide

The semantics of page.tsx, layout.tsx, route.ts and other convention files, and how nested routing works

Ch03

Dynamic Routes, Route Groups and Parallel Routes

[slug], [...catchAll], (group), @slot and other advanced routing patterns with real-world applications

Ch04

Layout, Template and the Nested Layout System

Layout vs template difference, shared state, preserved vs reset behavior on navigation

Ch05

Loading, Error and Not Found: Special Convention Files

loading.tsx for streaming UI, error.tsx as error boundary, not-found.tsx and the notFound() function

Ch06

React Server Components: The Revolution in Server-Side Rendering

RSC vs traditional SSR, zero-bundle server components, async components and direct database access

Ch07

Client Components and the 'use client' Directive

Boundary semantics of 'use client', when you must use client components, composition patterns for server and client components

Ch08

SSR, SSG and ISR: How to Choose the Right Rendering Strategy

Dynamic vs static rendering, revalidate config, tag-based revalidation and on-demand ISR

Ch09

Streaming and Suspense: Progressive Rendering in Practice

HTTP streaming internals, Suspense boundary placement, skeleton UI design and first-screen performance

Ch10

Server Component Data Fetching: fetch, Caching and Revalidation

Extended fetch API, request memoization, data cache layer, revalidatePath and revalidateTag

Ch11

Server Actions: The New Paradigm for Forms and Data Mutations

'use server' directive, binding actions to forms, progressive enhancement, and secure database interaction

Ch12

useFormStatus, useOptimistic and Optimistic UI

Handling pending states, optimistic update patterns, and complete useActionState usage

Ch13

Deep Dive: Next.js Four-Layer Cache System

Request memoization, data cache, full route cache, client-side router cache — mechanisms and invalidation strategies

Ch14

Middleware: Authentication, Redirects and A/B Testing

middleware.ts runtime, NextResponse API, matcher config, and edge runtime constraints

Ch15

Intercepting Routes and Parallel Routes: Advanced UI Patterns

(..) intercepting routes for modals, @slot parallel routes for conditional layouts, building real product UIs

Ch16

Route Handlers: Building Type-Safe API Endpoints

GET/POST/PUT/DELETE handlers, request parsing, response streaming, and when to use Route Handlers vs Server Actions

Ch17

Image Component: Automatic Image Optimization

next/image format conversion, lazy loading, placeholders, remote image config and LCP optimization

Ch18

Font and Script Optimization

next/font eliminating CLS, self-hosting Google Fonts, and next/script loading strategies

Ch19

Metadata API: SEO and Social Sharing Best Practices

Static and dynamic metadata, generateMetadata function, OG image generation, and structured data

Ch20

Bundle Optimization, Analysis and Turbopack

@next/bundle-analyzer usage, tree shaking, dynamic import strategies, and Turbopack migration guide

Ch21

Database Integration: Prisma + PostgreSQL Complete Solution

Prisma schema design, migrations, and safely using Prisma in Server Components and Actions

Ch22

Authentication: Complete Auth.js (NextAuth v5) Guide

OAuth providers, Credentials login, session strategies, middleware route protection, and database sessions

Ch23

File Uploads: Local Storage and Cloud Storage Solutions

multipart/form-data handling, Vercel Blob/AWS S3/Cloudflare R2 integration, upload progress and security validation

Ch24

Real-Time Features: Server-Sent Events and WebSocket

SSE streaming responses, WebSocket integration with Next.js, real-time notifications and chat implementation

Ch25

Deployment: Vercel, Docker and Self-Hosting

Vercel deployment internals, standalone Docker image build, Nginx reverse proxy config, and environment variable management

Ch26

Next.js 15 Complete: New Features and Upgrade Guide

React 19 integration, async cookies/headers, stable Turbopack, cache semantic changes, and complete Pages Router → App Router migration handbook