感谢您发送咨询！我们的团队成员将很快与您联系。
感谢您发送预订！我们的团队成员将很快与您联系。
课程大纲
Next.js 16 概述与高级架构
- Next.js 16.x 的关键特性与变化
- App Router 架构与设计原则
- Server Components 与 Client Components
- 渲染策略：SSR、SSG、ISR 和流式传输
- 项目结构约定与最佳实践
- 性能优先的应用设计
高级路由与导航
- 嵌套布局与共享 UI 模式
- 用于组织路由的路由组
- 用于独立路由段的并行路由
- 拦截路由与模态导航
- 动态路由与通配符段
- 用于自定义端点的路由处理器
- 用于请求拦截的中间件
React Server Components 与服务器功能
- 深入探讨 React Server Components 模型
- 服务器端数据获取
- 使用 Suspense 边界进行流式 UI
- 错误边界与错误处理
- 加载 UI 模式
- 部分渲染与选择性重新渲染
Server Actions 与表单
- Server Actions 架构与功能
- 服务器端处理的表单处理
- 验证策略
- 乐观 UI 更新
- 待定状态与用户反馈
- 文件上传与渐进增强
高级数据获取与缓存
- Next.js 中的 Fetch API 与请求记忆化
- Data Cache 基础
- Route Cache 配置
- Router Cache 与缓存失效
- 重新验证策略：按需与基于时间
- 流式数据模式
认证与授权
- Next.js 中的认证架构
- 会话管理模式
- 基于 JWT 的认证流程
- OAuth 集成策略
- 基于角色的访问控制实现
- 基于中间件的路由保护
数据库集成与 ORM
- 数据库架构考量
- Next.js 与 PostgreSQL 集成
- Prisma ORM 设置与查询
- Drizzle ORM 概览与迁移
- 连接池配置
- 数据库迁移策略
- 数据访问的仓储模式
API 开发
- 路由处理器与 API 路由约定
- RESTful API 实现
- API 请求验证
- 错误处理与响应格式化
- 文件上传端点
- Webhook 集成与验证
- 速率限制与 API 安全
性能优化
- 包分析与优化
- 代码分割策略
- 按需加载的动态导入
- 图片组件优化
- 使用 next/font 进行字体优化
- 懒加载模式
- Core Web Vitals 优化技术
Next.js 应用测试
- 服务器与客户端代码的单元测试策略
- 使用测试工具进行组件测试
- 全数据流的集成测试
- 使用 Playwright 或 Cypress 进行端到端测试
- 模拟 API 与服务
- 测试 Server Components
- 测试 Server Actions
部署、DevOps 与监控
- 生产构建配置
- 环境变量管理
- Next.js 的 Docker 容器化
- CI/CD 流水线设置
- 应用监控与日志记录
- 错误跟踪与报告
- 生产环境中的性能监控
高级模式与结业项目
- 可扩展性的项目架构模式
- 功能组织与模块边界
- Next.js 应用中的常见设计模式
- 多租户应用架构
- 结业项目演练
- 课程回顾与问答环节
要求
- 具备 React 的中级知识（组件、钩子、状态管理）
- 熟悉 Node.js 和 JavaScript（ES6+）
- 了解 HTTP/REST 概念和 Web API
受众
- 需要为生产应用进阶使用 Next.js 16 的全栈开发者
- 从旧版 Next.js 迁移或为性能关键环境创建应用的 React 开发者
- 采用 React Server Components 构建全栈应用架构的后端开发者
21 小时
