官网重构
瑞博官网改版:把自己做成公开样板
用 Astro 静态生成 + Headless CMS 重构瑞博自己的官网,把架构决策、迁移清单与阶段复盘全部公开,作为可对照的公开样板。
项目数据
30+
静态生成的页面数
约 30 秒
改完内容到自动上线的时间
5 段
公开的过程记录阶段
项目背景
我们建议客户用「过程证据」替代案例,那自己就得先做到。这次改版我们把全过程公开,包括没做好的地方。
我们的做法
- 1
技术上选择静态生成(Astro),页面是真 HTML,加载快、抓取友好;内容放在独立的无头 CMS 里,改内容不用动代码。结构化数据、面包屑、站点地图按默认配置做好,不事后补。
- 2
流程上按定位、架构与原型、内容与开发并行、迁移、验收上线五段推进,每段结束公开一次记录。
- 3
内容上坚持一条:只写自己做过的事,数字能测就测,测不了就说明是估算,不编。
可核验的结果
站点共 30 多个页面,全部静态生成,移动端首屏控制在两秒出头。内容后台与前台分离,改完发布后自动触发重新构建,约 30 秒上线。 公开的过程记录包括:为什么选静态生成、为什么要做独立的内容后台、迁移时处理了多少页面、哪些决定后来被证明是错的。 这个样板最大的作用不是展示技术,而是让客户能对照着看——我们讲的每一条建议,在自己官网上都能找到对应的实现或者没做到的说明。
说明:本案例中的客户信息在授权范围内公开;涉及商业机密的数据已做脱敏处理。