混合 SSG 和 SSR 的 Catchall 路由

Question

所以我正在做一个项目，其中基本 url 迎合了几种不同类型的页面。 大多数这些页面都是静态的，所以我一直使用 getStaticPaths 和 getStaticProps 来生成静态页面并提供它们。

有些页面也是动态查询，我一直在使用一个简单的 [base].js 文件，该文件使用上面的 getStaticPaths 和 getStaticProps 并在回退时进行 SWR 查询获取数据并在客户端呈现。

所以基本思想是

• 检查静态文件是否存在并渲染
• 如果不存在静态文件，则发出获取请求并查看数据是否返回并呈现

我想知道是否有办法在这种混合中使用 getServerSideProps，以便我的动态查询可以在服务器端呈现，然后 SWR 只能用于增量目的。

现在当我将 getServerSideProps 添加到同一个基本文件时，我最终得到了 You can not use getStaticProps or getStaticPaths with getServerSideProps. To use SSG, please remove getServerSideProps

接下来是否不可能同时使用 SSG 和 SWR，或者是否有解决方法？

Answer 1

您可以使用 Next.js 获得的最接近的东西是 Incremental Static Regeneration。

<块引用>

获得静态的好处（始终快速、始终在线、全局复制），同时对动态数据提供出色的支持

不确定它是否完全符合您的要求。