如何解决 Next.js 中的数据同步问题

我正在构建 indexone.dev,我在其中构建了一项定期发布新招聘信息的服务。这项服务独立于我的 Web 应用,这意味着它无法自动指示我的 Web 应用显示新数据。因此,即使数据库中有新数据,该应用也会提供缓存或过时的数据。

另一方面,我在服务器端页面上获取数据,默认情况下不会重新验证数据(这是为了防止不必要的 API 调用)。

Data fetching on server side page

进入重新验证:保持数据最新

Next.js 提供了两种主要的重新验证策略:

  • 基于时间的重新验证
  • 按需重新验证
  • 您可以在这里了解更多信息。

    就我而言,基于时间的重新验证很有意义。要实现这一点,您只需要在获取数据的服务器端页面顶部添加一行即可。

    Time based revalidation

    就是这样。我花了好几个小时才弄清楚这个问题,而解决方案只有一行。我觉得自己很蠢。

    如果您从这篇文章中学到了一些有关 Next.js 的新知识,或者它帮助您解决了问题,请考虑尝试 indexone.dev - 您可以在发布后立即找到一些令人兴奋的软件工程师工作,我很乐意收到您的反馈,因为它仍处于早期阶段,我一直在不停地构建。干杯🥂