什么是 ISR(增量静态再生)?解决什么问题?
ISR 让 SSG 页面在构建后也能按时间段后台重新生成,兼顾「静态速度」与「内容新鲜度」。
// App Router
fetch(url, { next: { revalidate: 60 } }) // 60 秒后下次请求触发再生
// Pages Router
export const getStaticProps = () => ({ props: {}, revalidate: 60 })解决的问题:纯 SSG 内容发布后需重新构建全站;纯 SSR 每次请求都查库。ISR 让页面先返回旧的静态版本(毫秒级),后台异步用新数据再生,下一个请求拿到更新后的页面。
适合博客、商品详情等「大体静态但偶尔更新」的场景。