# SSR.SSG.ISR.DPR

# 新一代Web建站技术栈的演进:SSR、SSG、ISR、DPR都在做什么?

在开始阅读之前,先解释一下文章里用到的英文缩写:

  1. CSR:Client Side Rendering,客户端(通常是浏览器)渲染
  2. SSR:Server Side Rendering,服务端渲染
  3. SSG:Static Site Generation,静态网站生成
  4. ISR:Incremental Site Rendering,增量式的网站渲染
  5. DPR:Distributed Persistent Rendering,分布式的持续渲染

# 从 SSR 到 SSG

SSR 这套技术栈相信很多人应该都非常熟悉了,React/Vue/Angular 等等都从框架层面直接提供了支持,例如在 React 中你可以这样使用:

import React from 'react'
import ReactDOMServer from 'react-dom/server'

const html = ReactDOMServer.render(<h1>Hello, world!</h1>)

作者:Starkwang 链接:https://zhuanlan.zhihu.com/p/365113639 来源:知乎