用户登录后或更新购物车时的NextJS SSR SSG



我对ReactJS有一些经验,但现在我正在尝试NextJS,我脑海中不断出现一个关于SSR/SSG的问题,对于电子商务应用程序,如果所有页面(/products,/product,….(都是SSGed或SSRed,那么用户登录后会发生什么,并且我需要在所有路线的顶栏中显示他的姓名和图像,那么此时如何预渲染或缓存页面?当谈到在添加/删除项目时不断更改的购物车时,也会遇到同样的问题。如果NextJS会在每次登录或购物车更新后的首次访问路线上重新进行SSR,这是否意味着登录的用户可能会比未登录的用户获得更慢的导航?

您可以在服务器上预呈现内容(使用SSR或SSG(,然后在客户端上进行水合。

在很多情况下,配置文件信息不需要预先呈现,因为这与SEO无关。与每个用户专用的购物车相同。在这种情况下,您可以只使用一般信息预呈现页面,然后使用配置文件内容或购物车进行水合。

这是一个使用SWR的例子,SWR是一个由vercel开发的提取库。

最新更新