javascript - SSG和SSR如何选择?

标签 javascript next.js server-side-rendering ssg

我目前正在探索 Nextjs 并使用相同的框架构建一个网站。该网站具有公共(public)流程、 protected 路由(例如用户仪表板、用户项目详细信息和一般用户数据)和产品页面。

问题是,我如何在 SSG 和 SSR 之间选择特定的路线。到目前为止,这是我的策略

  1. 所有静态页面(表单、用户输入)- SSG
  2. 博客链接全部为 SSG

我的问题是:

  1. 仪表板和用户详细信息页面不会提供实时数据,而是可能包含项目特定信息的数据。这是具有增量重新验证的用例 SSG 或 SSR 吗?

  2. 公开的产品详细信息页面。可能有超过一千种产品。在这种情况下,预渲染产品页面的漫长构建过程是否超过了潜在的搜索引擎优化优势?因为这似乎是 SSG 重新验证的理想案例。 或者说它最适合 SSR?

提前致谢!

最佳答案

很明显,您知道两个/三个选项之间的区别。

  1. SSG - 使用客户端查询进行水合。
  2. SSG - 可能拥有数千种产品

过早扩展从来都不是一个好主意,而且您很少能针对这两种情况找到一个好的解决方案。 SSG 现在可能更好,但您可以使用 ISR - 不过,请采用解决当今问题的解决方案。

一个包含 1,000 个页面的静态网站可以在约 2 分钟内进行 lint 和构建。当您了解瓶颈时,使用 SSG 并使用不同的解决方案通常更具成本效益(时间、精力和托管成本)。

关于javascript - SSG和SSR如何选择?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67818030/

相关文章:

css - React-tooltip 和 Next.js SSR 问题

reactjs - React + Enzyme 错误 : Invariant Violation: dangerouslyRenderMarkup(. ..):无法在工作线程中渲染标记

reactjs - 为什么我的 Next JS 性能得分在 web.dev 中如此不一致?

reactjs - 为什么在函数内部调用时会得到 'Error: Invalid hook call'?

node.js - NextJS 组件

javascript - 如何在 Nextjs 中处理创建/编辑页面,我应该在 ServerSideProps 中还是在组件中获取产品

javascript - Python SimpleHttpServer 指南

javascript - 如何使用 Javascript 从菜单栏获取值

javascript - 如何从 Javascript 检索 xml 数据

javascript - 使用ajax使用不同的数据刷新同一页面