在 nextjs 中从客户端幻灯片页面移动到 ssr 页面时页面加载延迟

Question

所以在我的电子商务应用程序中，主页是 ssr 页面（getserversideprops）。当我单击任何产品时，它会打开客户端产品详细信息页面。当我点击返回时，由于下一次再次获取 json，再次加载主页会出现一定的延迟。我的 getserverside props 函数有两个 api 调用。

所以这里有 2 个问题。

1 - 我可以显示 ssr 页面的任何加载状态吗？ 2 - 我如何快速移动到客户端页面到 ssr 主页。 我正在使用 next 13。

Answer 1

没有任何代码我只能给出一般性建议。

1. 不，显示加载指示器并不常见，因为整个页面都在服务器上呈现并且没有加载状态。

2. 最好的方法是保持通用的 SSR 布局。在布局中，只有特定部分是交互式的。

一定不要将 React Server 组件、Client 组件与服务器端渲染和客户端渲染混淆。在 Next.js 中，客户端组件也可以在服务器上呈现。