第 21 章:Docker 部署与 CI/CD 流水线
构建 Next.js 的完整部署流水线——从 Docker 多阶段构建优化、GitHub Actions 自动化、Vercel 一键部署,到 Kubernetes 编排、Helm Chart 与蓝绿部署。
tag
构建 Next.js 的完整部署流水线——从 Docker 多阶段构建优化、GitHub Actions 自动化、Vercel 一键部署,到 Kubernetes 编排、Helm Chart 与蓝绿部署。
构建 Next.js 的完整错误处理与可观测性体系——从 Error Boundary、全局错误页、Server Action 错误处理,到 Sentry 集成、结构化日志与生产环境监控。
构建 Next.js 的完整测试金字塔——从 Vitest 单元测试、React Testing Library 组件测试、MSW Mock 集成测试,到 Playwright E2E 测试,建立可维护的测试体系。
在 Next.js App Router 中构建完整的 SEO 体系——Metadata API 深度使用、@vercel/og 动态封面图、Sitemap 自动生成、结构化数据、国际化 hreflang 与搜索引擎监控。
全面提升 Next.js 应用性能——从 Core Web Vitals 指标理解、Bundle 分析与瘦身、图片与字体优化、Streaming SSR,到缓存策略与运行时性能调优。
在 Next.js App Router 中构建类型安全的表单系统——React Hook Form + Zod 深度集成,涵盖动态字段、多步骤表单、文件上传、异步验证与 Server Action 提交。
在 Next.js App Router 中选择合适的状态管理方案——深度对比 Zustand、Jotai、Redux Toolkit,理解服务端状态与客户端状态的边界,以及 URL 作为状态源的最佳实践。
在 Next.js App Router 中选择与集成组件库——深度对比 shadcn/ui、MUI、Ant Design,掌握 RSC/Client Component 边界下的组件设计、CVA 变体系统、Storybook 文档化。
在 Next.js 项目中深度集成 Tailwind CSS——从安装配置、主题定制、Design Token 体系、暗色模式、响应式策略,到自定义插件开发与性能优化。
深入理解 Next.js Middleware 的工作原理与高级用法——从路由守卫、国际化、A/B 测试,到请求重写、日志监控,以及 Edge Runtime 的限制与最佳实践。
从零构建 Next.js 认证系统——NextAuth.js v5 (Auth.js) 配置、邮箱登录、GitHub OAuth、Session 管理、角色权限(RBAC),以及 Lucia / Clerk 方案对比。
从零搭建 Next.js 的数据库层——Prisma ORM 配置、Schema 设计、迁移管理、连接池优化、事务处理,以及 PostgreSQL / MongoDB / PlanetScale 的多数据库实战。
深入理解 Next.js Server Actions 的工作原理与使用方式,从 "use server" 语法到表单链路、乐观更新、错误处理,并对比 Route Handlers 的适用场景。
深入理解 Next.js App Router 中的 Route Handlers,从基础 HTTP 方法到文件上传、流式响应、安全加固,最终构建一个生产级 REST API。
从零构建一个完整的 Web3 DApp:使用 Next.js + Wagmi + RainbowKit 搭建前端,Hardhat 开发 Solidity 智能合约,部署到 Sepolia 测试网,并发布到 Vercel。