2025/11/18

Next.js 静态导出与 Git-based CMS 的最佳实践

记录如何用 App Router + output: export 构建完全静态的接单官网,并通过 Decap CMS 提供后台。

Next.jsDecap CMS静态化

通过 gray-matter 解析 Markdown,再结合 generateStaticParams 完成静态路径推导,是我在多个项目里复用的方案。文章拆解如下:

  1. 目录结构:content/<collection>/<slug>.md
  2. 数据解析:借助 gray-matter + 类型守卫,保证元数据可靠。
  3. 部署:Vercel 上将 Output Directory 指向 out/,搭配 GitHub Hooks 完成自动化。

文中还分享了如何把 Decap CMS 的工作流与 GitHub PR 合并审阅串联起来。

相关文章