Next Js 中服务器端渲染缓存的路线图

Question

我创建了一个 Next JS 项目，并使用 PHP 创建了 REST API。

我有一个不断处理 api 请求的网站。我想缓存一些位置。我不希望它不断请求 Api。

例如，我的主页上的所有数据都来自 REST API。

而且每次访问者进入首页时，都会再次请求REST API，这是一种糟糕的情况。

例如，我想每 1 小时清除一次缓存并再次请求。对于任何数据提取 如何使用 Next Js 做到这一点。我应该走什么样的路？

谢谢。 最好的问候。

Answer 1

你可以有 3 种方法：

• 设置graphql。我认为这是大规模应用程序的最佳方法。所有的 graphql 包都会自动处理缓存。

• 您可以使用 reselect 库设置 redux。 reselect 库处理 redux 的缓存。你拿来

• 有一个不错的包swr 是由 next.js-vercel 团队创建的。 Stale-While-Revalidate。它首先从缓存（stale）返回数据，然后发送获取请求，最后再次带有更新的数据。 SWR 与后端无关，您可以使用它从任何支持 HTTP 请求的服务器检索数据。