跳到主要内容
前端术语库

静态站点生成

Static Site Generation

前端工程也叫:SSG、静态生成、预渲染、静态网站

一句话:在构建时就把每个页面提前生成为 HTML 文件,访问时直接返回现成文件,速度快、部署简单。

详细解释

SSG 像印刷好的宣传册:内容在出厂(构建)时就定好了,用户来了直接拿一本,不用现场制作。所以它访问快、成本低,可以放在静态托管平台或 CDN 上,不需要一直运行的服务器。

它适合内容不常变化的页面:官网、文档、博客、落地页。缺点是内容一更新就要重新构建和部署;如果每个用户看到的内容都不同(如个人订单页),纯 SSG 就不合适,需要页面加载后再用 JavaScript 请求数据,或改用 SSR。

Next.js、Astro、VitePress 等都支持 SSG。和 SSR 的关键区别是 HTML 的生成时机:SSG 在构建时,SSR 在每次请求时。

怎么跟 AI 说

可以直接贴给 Cursor、Claude Code 等工具,把里面的业务内容换成你自己的。

我的产品官网内容很少变动,希望改成静态生成,构建后得到纯 HTML 文件,能直接放到静态托管平台。请检查哪些页面用了只有服务器才支持的功能,给出改造方案和需要修改的配置。