快速Jamstack网站 — Astro或Next静态导出

我们有一个营销网站和一个博客，随着时间的推移变得缓慢且臃肿，我们希望从头开始重建它，成为一个快速的Jamstack应用程序。您的任务是将现有页面、结构和内容重新实现为静态生成：无论是在Astro上还是在Next静态导出上，您可以决定并为我们的案例提供理由。目标是一个瞬间打开、加载最少额外JavaScript并在移动和桌面上所有核心网页指标上显示绿色值的网站。设计、文本和结构已经存在，因此这主要是一个关于性能的工程任务，而不是重新设计，尽管对标记和语义的合理改进是受欢迎的。

内容应来自无头数据源，而不是硬编码，以便编辑者可以继续发布帖子和着陆页，而无需代码编辑。您需要描述内容类型，在生成时将构建链接到此源，并为每个路由获取完全静态的HTML。我们期望干净、可访问的语义标记，现代格式的响应式图像，具有正确尺寸的字体和第三方脚本的仔细处理，以及在CDN边缘的深思熟虑的缓存策略。部署需要自动化，以便内容更改或代码推送触发重建和在CDN上的发布，而无需手动步骤。描述整个管道的工作原理，以便团队可以维护它。

我们关心可衡量的结果，而不仅仅是框架切换。在前后我们希望看到真实的数字：最大内容绘制、累积布局偏移、交互延迟、总阻塞时间和页面重量，在代表性页面和有限连接上进行测量。

— 在Astro或Next静态导出上静态生成所有网站和博客路由
— 用于帖子和页面的无头数据源，建模并连接到构建
— 响应式图像、优化的字体和最小的客户端JavaScript
— 当内容或代码更改时在CDN上自动部署
— 在前后记录的管道和核心网页指标报告