目前前端渲染方式主要有 CSRSSRSSG 三种

  1. CSR: 客户端渲染,指把生成网页的过程嵌入到 js 代码里,服务端返回的 html 文件是个空壳,只有当浏览器加载并执行完 js 后用户才能看到内容

    典型框架: CRA(create-react-app), vue

  2. SSR: 服务端渲染,这种渲染方式和传统的 web 技术(JSP,ASP,PHP,Django)等的渲染方式比较像,由服务端生成 html 页面并返回给浏览器

    典型框架: nextjs(react),remix(react),nuxt(vue)

  3. SSG:静态页面生成,指提前把整个网站都渲染成 html,然后直接托管静态文件。和CSR的区别在于浏览器拿到的 html 是完整的

    典型框架: nextjs(react), gatsby