小喷友

# 第 12 章：最佳实践与项目结构组织 * * * ## 12.1 推荐的项目结构 Next.js 默认结构简洁，但项目增大后建议进行模块化管理： ```bash /project-root

第 11 章：测试与调试 11.1 测试策略概览 类型 工具推荐 测试目标 适用范围 单元测试 Jest 逻辑函数、API 方法 工具函数、状态管理 组件测试 React Testing Librar

第 10 章：部署与构建优化 10.1 构建与部署概览 Next.js 支持多种部署方式： 部署方式 是否推荐 说明 Vercel ✅ 官方推荐 支持 SSR、ISR、Edge Functions N

第 9 章：与数据库交互（Prisma + SQLite） 9.1 常见方案对比 方案 数据库类型 推荐程度 说明 Prisma 支持 MySQL / Postgres / SQLite 等 ⭐⭐⭐⭐

第 8 章：认证与授权（Authentication & Authorization） 8.1 认证 vs 授权 认证（Authentication） ：确认用户身份，比如是否已登录。 授权（Auth

# 第 7 章：中间件与 Edge Functions（进阶） * * * ## 7.1 什么是 Middleware？ Middleware 是 Next.js 13+ 引入的一项功能，运行在

# 第 6 章：API 路由（后端能力） Next.js 不仅能渲染页面，还内置了 **API 路由功能**，可以在 `pages/api/` 目录中直接编写后端接口，支持处理请求、读写数据库、返回

第 5 章：静态资源与图片优化 在 Web 开发中，图片加载优化 是影响性能和体验的关键因素。Next.js 提供了多个工具用于处理静态资源与图片，极大提升了开发效率和页面性能。 5.1 使用 pub

第 4 章：页面组件与布局系统 4.1 页面布局的几种方式 Next.js 支持灵活的页面布局方式，常见有两种： ✅ 单一全局布局（所有页面使用同一套布局） 适合统一的页面结构，如固定的导航栏、侧边栏