增量静态再生 - 重新验证过程

时间:2021-04-13 15:02:02

标签: reactjs next.js

我有一个关于增量静态再生的问题。据我所知,getStaticProps() 函数中的 revalidate 值告诉 NextJS 应该重建页面的时间。

我的问题是,在设定的时间后,每个用户/请求都会发生这种情况,还是集中,从第一个用户/请求点击页面开始?

##########################################

>

例如:

重新验证 getStaticProps() 函数中的值:60 秒

用户 A 点击页面并接收缓存版本。 60 秒后 NextJS 为他重建页面并提供新鲜内容。

用户 B 在用户 A 后不久点击页面,收到缓存版本,60 秒后他也收到更新版本。

##########################################

>

我担心的是,每个单独的请求开始时都有自己 60 秒的重建间隔。

我很确定事实并非如此,但由于 NextJS 对我来说是新手,我想在搞砸之前弄清楚这一点。

如果有人可以自愿提供快速回复,我将不胜感激。这对我很有帮助!

先谢谢大家!

1 个答案:

答案 0 :(得分:3)

增量静态生成受 stale-while-revalidate 的启发,因此没有间隔。
假设我们的重新验证值为 60 秒:

  • 第一个用户将在 100000000000(以毫秒为单位的随机时间)访问页面
  • next.js 将缓存到期日期为 100000060000 的页面
  • 其他用户在 100000040000,缓存有效,什么都不做(提供缓存页面)
  • 另一个访问者到达 100000070000,缓存已过期,next.js 将在后台重新验证页面,但用户仍然看到旧页面。
  • 最后一个访问者是 100000080000 并将使用新数据设置页面
  • 等等...
<块引用>

60 秒后 NextJS 为他重建页面并提供 新鲜的内容。

所以没有这个概念是错误的,next.js 不会在 n 秒后重建页面, 但是对于每个请求,next.js 将检查自上次请求以来经过的时间是否 > 缓存的到期日期。如果您的 revalidate 值为 1 秒,但下一个访问者在 1 年后出现,则下一个将在一年后重新生成页面。