Next.js 提取数据的静态 HTML 导出

Question

我正在构建包含产品评级的 React 应用程序，该应用程序将从 BE 获取。然后将在/product/{id} 上找到产品评级。商品的评分数据会在用户加载页面时从BE中获取，然后显示在页面上。

我想要实现的是让搜索引擎可以通过从服务器获取的关键字搜索这些页面。是否可以将 Next.js 与 next export 一起使用来生成静态 HTML 并在 HTML 中预先获取这些“服务器数据”？

Answer 1

我做了一项研究，是的，这是可能的！首先，您必须在页面的getStaticPaths 函数中定义路径。然后，服务器将在构建期间预渲染这些路径。

为了使服务器检查新页面或现有页面的更新，请在从getStaticProps 返回的对象中使用revalidate 属性。

更多内容请关注Next.js docs。