Astro

astro.build
值得了解
framework

以内容为中心的 Web 框架,默认尽量少发 JavaScript,适合博客、文档、营销站和资源库。

官方首页截图
打开官网
Astro 官网截图

Tool profile

Astro 是什么?

Astro 以服务端生成 HTML 为主,把交互组件按需加载成 Islands。你可以继续使用 React、Vue 或 Svelte 组件,但不必让整页都承担客户端 JavaScript。

Astro 能做什么?

01
适合谁

内容、性能和搜索可见性比复杂客户端状态更重要的站点

02
解决什么问题

让博客、文档和营销页在保持组件化的同时减少浏览器端负担

03
价格与成本

价格、免费额度和政策会变化;采购前请以官网当前的计划、用量限制和地区政策为准。

04
推荐使用场景

文档和教程站、产品营销页、静态资源目录

05
主要替代品

nextjs、hugo、gatsby

06
选型判断

做内容优先的网站时先考虑 Astro;只有当应用交互成为主角,再把选择倾向更完整的全栈框架。

使用场景

文档和教程站内容、性能和搜索可见性比复杂客户端状态更重要的站点,重点是让博客、文档和营销页在保持组件化的同时减少浏览器端负担

产品营销页内容、性能和搜索可见性比复杂客户端状态更重要的站点,重点是让博客、文档和营销页在保持组件化的同时减少浏览器端负担

静态资源目录内容、性能和搜索可见性比复杂客户端状态更重要的站点,重点是让博客、文档和营销页在保持组件化的同时减少浏览器端负担

需要注意

如果核心体验依赖大量实时状态、复杂表单或客户端导航,Astro 的岛屿模型可能需要额外设计。

做内容优先的网站时先考虑 Astro;只有当应用交互成为主角,再把选择倾向更完整的全栈框架。