Next.js 静态 HTML 提取数据的导出
Next.js static HTML export of fetched data
我正在构建包含产品评级的 React 应用程序，该评级将从 BE 获取。然后将在 /product/{id} 上找到产品评级。用户加载页面时，会从BE中获取产品的评分数据，然后显示在页面上。
我想要实现的是让搜索引擎可以通过从服务器获取的关键字搜索这些页面。是否可以将 Next.js 与 next export 一起使用来生成静态 HTML 并在 HTML 中预取这些 'server data'？
我做了一项研究，是的，这是可能的！首先，您必须在页面的 getStaticPaths 函数中定义路径。然后，服务器将在构建期间预渲染这些路径。
为了让服务器检查新页面或现有页面的更新，请在从 getStaticProps 返回的对象中使用 revalidate 属性。
更多内容在 Next.js docs。
我正在构建包含产品评级的 React 应用程序，该评级将从 BE 获取。然后将在 /product/{id} 上找到产品评级。用户加载页面时，会从BE中获取产品的评分数据，然后显示在页面上。
我想要实现的是让搜索引擎可以通过从服务器获取的关键字搜索这些页面。是否可以将 Next.js 与 next export 一起使用来生成静态 HTML 并在 HTML 中预取这些 'server data'？
我做了一项研究，是的，这是可能的！首先，您必须在页面的 getStaticPaths 函数中定义路径。然后，服务器将在构建期间预渲染这些路径。
为了让服务器检查新页面或现有页面的更新，请在从 getStaticProps 返回的对象中使用 revalidate 属性。
更多内容在 Next.js docs。