什么是 CSR、SSR、SSG、ISR（不同的渲染策略）？哪个框架（Angular、React、Vue）在这方面做得更好？

由 Mux 赞助的 DEV 全球展示挑战赛：展示你的项目！

01) CSR代表客户端渲染。在这种情况下，整个网站都在浏览器中渲染。

适用于构建管理后台且对搜索引擎优化要求不高的情况。浏览器必须启用 JavaScript。

Angular、React 和 Vue都开箱即用地支持此功能。

02) SSR代表服务器端渲染。网页在服务器端渲染，然后发送到客户端。

速度和搜索引擎优化 (SEO) 至关重要时使用。即使浏览器未启用 JavaScript，应用也能正常运行。

Angular通过 Angular Universal 支持它

，React通过 NextJS支持它

，Vue通过 NuxtJS支持它。

03) SSG代表静态网站生成。在这种情况下，网页是在构建时渲染的。

当速度和搜索引擎优化 (SEO) 至关重要时，请使用此方案。可将应用托管在任何静态主机上（例如 Netlify/Vercel）。

Angular通过 Scully/Angular Universal 支持它

，React通过 NextJS/Gatsby支持它

，Vue通过 NuxtJS/Gridsome支持它。

04) ISR代表增量静态再生。网页会在设定的时间间隔后动态重新生成。

与静态站点生成 (SSG) 具有相同的优势。每次更改后无需重新构建整个应用程序。

Angular不支持，

React（通过 NextJS）不支持，

Vue也不支持。

能否分享一下你开发的应用，以及你使用的渲染策略和框架？