Astro

面向内容站点的零 JS 静态站点框架前端框架

打开网站

相关标签：开源免费 Web端前端框架静态站点Web开源项目

1个月前更新 21,425 0 900

面向内容站点的零 JS 静态站点框架

官方地址：https://astro.build

Astro 是什么

Astro 是一个面向内容驱动型网站的 JavaScript 框架，定位非常明确：解决营销页、博客、电商站点等以内容为主场景的性能问题。它默认把所有组件在服务端渲染成 HTML 发送到浏览器，几乎不携带 JS，因此页面打开速度更快。

关键特性

服务端优先：组件在服务器端渲染，浏览器只接收轻量 HTML，减少不必要的脚本开销。
内容驱动：可以从本地文件系统、外部 API 或任意 CMS 加载数据，适合各种内容管理方式。
Astro Islands：通过独特的岛屿架构，让页面中仅交互的部分加载对应 JS，其余保持静态，改善 Core Web Vitals。
零锁定：支持 React、Vue、Svelte、Preact、Solid、Angular、Qwik 等多个 UI 框架，可复用已有组件。
内置优化：自带内容集合、TypeScript 校验、视图过渡、图片优化以及基于文件的路由，扩展生态完整。

适合谁用

Astro 适合需要以内容为核心、希望获得优秀 SEO 和 Core Web Vitals 的团队，尤其是博客、公司官网、电商目录等等。同时对于喜欢用 Markdown/MDX 管理内容、并有前端框架集成需求的开发者，它提供了比传统静态站点生成器更现代的开发体验。

与同类相比

从官方公布的真实世界数据看，Astro 站点在 Core Web Vitals 达标率上优于 WordPress、Gatsby、Next.js、Nuxt：Astro 为 66%，其他分别为 48%、47%、30%、28%（官方基于 HTTP Archive 和 Chrome UX Report 的统计，可视为其性能策略的直接效果）。