Astro

Astro 是一个 JavaScript Web 框架，面向内容驱动的网站：营销页、博客、电商、文档站这类页面多、交互少的站点是它的主场。它把组件放在服务端渲染成 HTML 发给浏览器，默认不附带多余的 JavaScript，只有需要交互的局部才单独加载脚本，官方把这套机制叫 Astro Islands。

上手方式是在终端跑一条 npm create astro@latest，生成项目骨架后写 .astro 组件。模板语法接近 HTML，写过网页的人基本能直接改。

主要功能

• 服务端优先渲染，默认输出零 JavaScript，页面体积小、首屏快
• 内容集合（Content Collections）：用 TypeScript 给 Markdown、MDX 的 frontmatter 做类型校验
• 可接入 React、Vue、Preact、Svelte、Solid、Angular、Qwik 等 UI 框架的现成组件
• 基于文件的路由、中间件、Actions 后端函数，以及 Netlify、Vercel、Cloudflare、AWS 等平台的部署适配器
• 内置图片优化、View Transitions 页面过渡、开发工具栏和环境变量管理

适合谁

做内容站的前端开发者，或者已经有一堆 React、Vue 组件、想换个更轻的渲染方式的项目。官网给出的真实站点 Core Web Vitals 通过率数据里，Astro 为 71%，高于 WordPress、Gatsby、Next.js、Nuxt，可以作为性能取向的参考。生态里还有现成主题和合作机构，不想从零搭的人可以直接买主题或找团队。

费用与限制

官网写明 Astro 是免费的开源软件，由 Netlify、Cloudflare 等赞助商支持，用 GitHub 仓库分发。界面为英文，文档、教程、Playground 都在英文站上。它解决的是构建期和渲染期的问题，托管、CMS、后端服务仍需自己另配；团队里没人熟悉 JavaScript 工具链的话，学习成本不能忽略。