下面我把 SSG(Static Site Generation,静态站点生成)讲到你“能独立做架构决策、能落地、能排坑”的程度。你会看到:SSG 不是“把页面提前渲染一下”,而是一整套围绕 构建时渲染 + CDN 缓存 + 内容生产/发布链路 的架构。
1)SSG 到底是什么(架构定义)
SSG = 在“构建时(build time)”把页面渲染成静态 HTML 文件,然后部署到 CDN/静态服务器。
- 用户请求某个 URL
- CDN 直接返回对应的
.html(以及静态资源 JS/CSS/图片) - 浏览器解析 HTML 即可展示内容
(交互如果需要,再加载 JS 做增强:可以是全量 hydration,也可以是局部岛屿)
一句话: