服务器端渲染（Next.js）和静态站点渲染（Gatsby.js）有什么区别？

Question

我希望创建一个不依赖客户端 JavaScript 的网站，但是，我仍然想使用客户端路由等 SPA 功能，因此我正在考虑使用不在客户端上呈现的框架 -边。这两个似乎是此类事情的首选，但是，我不确定这两种不同类型的服务器处理之间的差异。

Answer 1

服务器端渲染是从客户端/浏览器向服务器发出请求，然后在运行时动态生成 HTML并将其发送回浏览器进行渲染。

静态站点渲染非常相似，但是解析是在构建期间执行的。因此，当发出请求时，HTML 会静态存储并可以直接发送回客户端。

它们都有各自的优点和缺点：

尽管静态站点在运行时速度更快，因为不需要服务器端处理，但这确实意味着对数据的任何更改都需要在应用程序服务器端进行完全重建。

或者，使用服务器端方法，将任何缓存放在一边，数据会被即时处理并直接发送到客户端。

通常，最好根据内容的动态性和实时性与应用程序所需的性能来做出决定。

例如，Stackoverflow 很可能使用服务器端渲染方法。每次提交新帖子时，有两个问题需要重建每个问题页面的静态版本。数据还需要非常实时，用户能够看到几秒钟前提交的帖子。

然而，几乎没有任何内容变化的博客网站或促销网站将从静态网站设置中受益更多。响应时间会更长，服务器成本也会低得多。