Next.js 速成教程

🛠️ 已完成

第一章：环境搭建

create-next-app 创建项目，理解目录结构与基本配置

create-next-app App Router TypeScript

阅读章节

🗺️ 已完成

第二章：路由系统

App Router 文件系统路由、动态路由与嵌套布局

App Router 动态路由 Layout

阅读章节

⚡ 已完成

第三章：渲染模式

Server/Client Components、SSR、SSG、ISR 与 Streaming

RSC SSR/SSG Suspense

阅读章节

📡 已完成

第四章：数据获取

服务端 fetch、Server Actions、缓存策略与 revalidation

fetch Server Actions Cache

阅读章节

🎨 已完成

第五章：样式与资源

CSS Modules、Tailwind CSS、next/font 与 next/image 优化

Tailwind CSS Modules next/image

阅读章节

🔌 已完成

第六章：API 路由

Route Handlers、中间件、CORS 配置与外部 API 集成

Route Handlers Middleware REST

阅读章节

🗄️ 已完成

第七章：数据库集成

Prisma ORM 安装配置、Schema 定义、CRUD 与 Server Actions 结合

Prisma MySQL Migration

阅读章节

🚀 已完成

第八章：部署与优化

Vercel/Docker 部署、Metadata API、性能优化与静态导出

Vercel SEO Docker

阅读章节

🔎 专题

Metadata 标题模板与配置速查

title.template、remotePatterns pathname、App Router Strict Mode 官方答案

Metadata remotePatterns Strict Mode

阅读专题

🔍 专题

Strict Mode 对应用行为的影响

解释开发环境重复渲染、useEffect 执行两次、ref 回调重跑与生产环境差异

reactStrictMode useEffect Production

阅读专题