Next.js SSG 与 SSR 用例

如何解决Next.js SSG 与 SSR 用例

我是 Next.js 和服务器端渲染/生成的新手，我正在尝试了解何时使用 SSG 与 SSR。我有点理解核心区别——在构建时渲染还是在请求时渲染有意义——但这是我试图弄清楚的一个用例。

比如说，我有一个登录屏幕。似乎它是 SSG (getStaticProps) 的理想候选者，因为该页面对于所有用户都是完全相同的，并且不会随着时间的推移而改变。

但是，如果登录用户访问了此页面/路由怎么办？什么是更好的场景：

1. 使用 SSG，然后在客户端检查用户是否登录，如果登录，则重定向到用户页面。
2. 检查 getServerSideProps 中的用户会话，然后返回页面（如果未登录）或执行服务器端重定向并返回用户页面（如果已登录）。

场景 #1 的缺点是用户会在被重定向到他们的页面之前看到登录屏幕，这并不好。

场景#2 的缺点是延迟对用户的第一次可见渲染，这也不是很好......

在这种情况下，最佳做法是什么？