Next.js 13 App目录下如何增量生成新静态页面？

1. 定时轮询CMS识别新增条目 #

• 核心思路：定期对比CMS条目和本地已生成页面的差异，只生成新增内容
  • 维护本地记录：比如用generated-items.txt文件保存已生成的条目ID，或者直接读取静态页面目录（如out/items/下的文件名）获取已生成ID集合
  • 拉取CMS数据：如果CMS提供条目列表接口（支持分页/按更新时间筛选最优），获取所有条目ID；如果没有列表接口，可利用新增ID递增的特性，记录上次生成的最大ID，从此ID往后探测有效条目，直到遇到无效ID为止
  • 对比生成：筛选出未生成的ID，调用静态生成逻辑单独生成这些条目的页面

2. 利用静态框架的按需生成能力 #

• 如果你用Next.js、Gatsby这类支持增量静态生成（ISR）的框架，可以用fallback模式实现按需生成：
  • 以Next.js为例，在getStaticPaths中返回已有的/items/1至/items/9999路径，同时设置fallback: 'blocking'
  • 当用户访问未生成的新条目页面时，框架会在后台实时生成静态页面并缓存，后续请求直接返回静态文件，无需提前批量生成

3. 自定义批量增量脚本 #

• 编写脚本（Node.js/Python均可）实现增量生成逻辑：
  1. 读取本地已生成的条目ID集合
  2. 从CMS拉取最新条目数据（优先用支持按时间筛选的接口，减少数据量）
  3. 对比得到新增条目ID，调用静态生成工具（如next build的增量命令、自定义渲染函数）生成对应页面
  4. 更新本地已生成ID记录
• 将脚本加入定时任务（如Linux的cron、Windows任务计划），根据CMS新增频率设置执行间隔（比如每小时一次）

4. CDN缓存辅助动态兜底 #

• 如果有CDN支持，可以配置缓存规则：当请求未存在的静态页面时，回源到动态渲染服务临时返回内容，同时触发静态页面生成任务；生成完成后更新CDN缓存，后续请求直接返回静态文件，兼顾用户体验和静态站点特性

内容的提问来源于stack exchange，提问作者BurgerBurglar