Next.js 全栈开发：从 App Router 到生产部署

Ch01

Next.js 是什么：全栈框架的设计哲学

为什么需要框架、Next.js 解决了哪些问题、App Router 与 Pages Router 的根本差异

Ch02

App Router 文件系统路由完全指南

page.tsx、layout.tsx、route.ts 等约定文件的语义，嵌套路由的工作原理

Ch03

动态路由、路由分组与并行路由

[slug]、[...catchAll]、(group)、@slot 等高级路由模式的设计与应用

Ch04

Layout、Template 与嵌套布局系统

layout 与 template 的区别、共享状态、导航时的保留行为与重置行为

Ch05

Loading、Error 与 Not Found：特殊约定文件

loading.tsx 实现流式 loading、error.tsx 错误边界、not-found.tsx 与 notFound() 函数

Ch06

React Server Components：服务端渲染的革命

RSC 与传统 SSR 的本质区别、零 bundle 大小的服务端组件、async 组件与直接访问数据库

Ch07

客户端组件与 'use client' 指令

'use client' 的边界语义、何时必须用客户端组件、服务端/客户端组件的组合模式

Ch08

SSR、SSG 与 ISR：三种渲染策略的选型指南

动态渲染 vs 静态渲染、revalidate 配置、按需重验与 on-demand ISR

Ch09

Streaming 与 Suspense：渐进式渲染实战

HTTP 流式传输原理、Suspense 边界拆分、骨架屏设计与首屏性能优化

Ch10

Server Components 数据获取：fetch、缓存与重验

扩展的 fetch API、请求记忆化、数据缓存层、revalidatePath 与 revalidateTag

Ch11

Server Actions：表单与数据变更的新范式

'use server' 指令、action 绑定到 form、渐进增强、与数据库的安全交互

Ch12

useFormStatus、useOptimistic 与乐观 UI

pending 状态处理、乐观更新的实现模式、useActionState 完整用法

Ch13

Next.js 四层缓存体系深度解析

请求记忆化、数据缓存、完整路由缓存、客户端路由缓存——四层缓存的工作机制与失效策略

Ch14

Middleware：认证、重定向与 A/B 测试

middleware.ts 运行时、NextResponse API、matcher 配置、边缘运行时限制

Ch15

拦截路由与平行路由：高级 UI 模式

(..)路由拦截实现模态框、@slot 平行路由实现条件布局，构建真实产品级 UI

Ch16

Route Handlers：构建类型安全的 API 端点

GET/POST/PUT/DELETE handler、请求解析、响应流、与 Server Actions 的选择原则

Ch17

Image 组件：自动优化图片加载

next/image 的格式转换、懒加载、占位符、远程图片配置与 LCP 优化

Ch18

Font 与 Script 优化

next/font 消除 CLS、自托管 Google Fonts、next/script 的加载策略

Ch19

Metadata API：SEO 与社交分享最佳实践

静态与动态 metadata、generateMetadata 函数、OG 图片生成、结构化数据

Ch20

打包优化、Bundle 分析与 Turbopack

@next/bundle-analyzer 使用、Tree shaking、动态导入策略、Turbopack 迁移指南

Ch21

数据库集成：Prisma + PostgreSQL 完整方案

Prisma schema 设计、migrations、在 Server Components/Actions 中安全使用 Prisma

Ch22

认证系统：Auth.js（NextAuth v5）完全指南

OAuth 提供商、Credentials 登录、Session 策略、中间件保护路由、数据库 session

Ch23

文件上传：本地存储与云存储方案

multipart/form-data 处理、Vercel Blob / AWS S3 / Cloudflare R2 集成、上传进度与安全校验

Ch24

实时功能：Server-Sent Events 与 WebSocket

SSE 流式响应、WebSocket 与 Next.js 的集成方案、实时通知与聊天实现

Ch25

部署方案：Vercel、Docker 与自托管

Vercel 一键部署原理、standalone Docker 镜像构建、Nginx 反向代理配置、环境变量管理

Ch26

Next.js 15 新特性全解与升级指南

React 19 集成、async cookies/headers、Turbopack 稳定版、缓存语义变更、Pages Router → App Router 迁移完全手册