静态站点生成
Static Site Generation
前端工程也叫:SSG、静态生成、预渲染、静态网站
一句话:在构建时就把每个页面提前生成为 HTML 文件,访问时直接返回现成文件,速度快、部署简单。
详细解释
SSG 像印刷好的宣传册:内容在出厂(构建)时就定好了,用户来了直接拿一本,不用现场制作。所以它访问快、成本低,可以放在静态托管平台或 CDN 上,不需要一直运行的服务器。
它适合内容不常变化的页面:官网、文档、博客、落地页。缺点是内容一更新就要重新构建和部署;如果每个用户看到的内容都不同(如个人订单页),纯 SSG 就不合适,需要页面加载后再用 JavaScript 请求数据,或改用 SSR。
Next.js、Astro、VitePress 等都支持 SSG。和 SSR 的关键区别是 HTML 的生成时机:SSG 在构建时,SSR 在每次请求时。
怎么跟 AI 说
可以直接贴给 Cursor、Claude Code 等工具,把里面的业务内容换成你自己的。
我的产品官网内容很少变动,希望改成静态生成,构建后得到纯 HTML 文件,能直接放到静态托管平台。请检查哪些页面用了只有服务器才支持的功能,给出改造方案和需要修改的配置。