next.js 混合SSG和SSR的Catchall路由

6ss1mwsb  于 2023-11-18  发布在  其他
关注(0)|答案(1)|浏览(83)

所以我正在做一个项目,其中的基本网址迎合了一些不同类型的网页。这些网页大多是静态的,所以我一直在使用getStaticPathsgetStaticProps来生成静态网页,并为他们服务。
有一些页面也是动态查询的,我一直在使用一个简单的[base].js文件,该文件使用上述getStaticPathsgetStaticProps,并在回退时进行SWR查询以获取数据并在客户端呈现。
所以基本的想法是

  • 检查静态文件是否存在并呈现
  • 如果不存在静态文件,则发出fetch请求,查看是否返回并呈现数据

我想知道是否有一种方法可以在这种混合中使用getServerSideProps,这样我的动态查询就可以在服务器端呈现,然后SWR只能用于增量目的。
现在,当我将g etServerSideProps添加到同一个基本文件时,我最终得到You can not use getStaticProps or getStaticPaths with getServerSideProps. To use SSG, please remove getServerSideProps
在next中是否不可能同时使用SSG和SWR,或者是否有解决方案?

lp0sw83n

lp0sw83n1#

你可以从Next.js中得到的最接近的东西是增量静态再生。
获得静态数据的优势(始终快速、始终在线、全局复制),但同时对动态数据提供出色的支持
我不确定它是否完全符合你的要求。

相关问题