ISR 增量静态再生示例

服务端渲染时间

2026/4/1 23:00:58

revalidate = 10 秒,超时后新请求触发重新生成

API 数据

{
  "userId": 1,
  "id": 1,
  "title": "sunt aut facere repellat provident occaecati excepturi optio reprehenderit",
  "body": "quia et suscipit\nsuscipit recusandae consequuntur expedita et cum\nreprehenderit molestiae ut ut quas totam\nnostrum rerum est autem sunt rem eveniet architecto"
}

ISR 特点

  • 构建时生成静态 HTML
  • 指定时间后自动更新
  • 旧缓存服务用户,后台重新生成
  • 兼顾速度和数据新鲜度

如何验证?

  1. 运行 yarn build && yarn start
  2. 立即刷新页面,记录时间戳
  3. 10 秒内刷新,时间戳不变(使用缓存)
  4. 10 秒后刷新,时间戳更新(触发重新生成)
← 返回 Demo 首页