什么是 ISR(增量静态再生)?解决什么问题?

ISR 让 SSG 页面在构建后也能按时间段后台重新生成,兼顾「静态速度」与「内容新鲜度」。

// App Router
fetch(url, { next: { revalidate: 60 } })   // 60 秒后下次请求触发再生
// Pages Router
export const getStaticProps = () => ({ props: {}, revalidate: 60 })

解决的问题:纯 SSG 内容发布后需重新构建全站;纯 SSR 每次请求都查库。ISR 让页面先返回旧的静态版本(毫秒级),后台异步用新数据再生,下一个请求拿到更新后的页面。

适合博客、商品详情等「大体静态但偶尔更新」的场景。

同分类其他题目