时间戳

首页 > 解决方案 > SSG和SSR如何选择？

javascript - SSG和SSR如何选择？

问题描述

我目前正在探索 Nextjs 并建立一个具有相同框架的网站。该网站具有公共流程、受保护的路线（例如用户仪表板、用户项目详细信息和一般用户数据）和产品页面。

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

  1. 所有静态页面（表单、用户输入） - SSG
  2. BLOG链接全部为SSG

我的问题是：

  1. 仪表板和用户详细信息页面将不是实时数据，而是可能包含项目特定信息的数据。这是具有增量重新验证的用例 SSG 还是 SSR？

  2. 公开可用的产品详细信息页面。可能有超过一千种产品。在这种情况下，预渲染产品页面的漫长构建过程是否超过了潜在的 seo 好处？因为这似乎是 SSG 重新验证的理想案例。还是最适合 SSR？

提前致谢！

标签： javascriptnext.jsserver-side-renderingssg

解决方案

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

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

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

拥有 1,000 个页面的静态站点可以在大约 2 分钟内完成 lint 和构建。当您知道瓶颈时，使用 SSG 并使用不同的解决方案通常更具成本效益（时间、精力和托管成本）。

推荐阅读