为什么选择 Astro？

与其他框架的对比

特性	Astro	Next.js	Nuxt
默认 JS	0 KB	~80 KB	~60 KB
支持 React	✅	✅	需额外配置
支持 Vue	✅	需额外配置	✅
岛屿架构	✅（原生）	❌	❌
混合渲染	✅	✅	✅
学习曲线	📉 低	📈 中	📈 中

核心优势

🏝️ 真·零 JS 默认

与其他框架不同，Astro 从不在页面中注入任何 JavaScript，除非你明确告诉它。这意味着：

• 你的博客页面加载量可能只有 5 KB
• 即使是复杂的文档站，初始 JS 负载也为 0
• Lighthouse 分数轻松拿满分

🧩 真正的框架无关

在 Astro 中，你可以：

---
import ReactChart from './Chart.react.tsx'
import VueForm from './Form.vue'
import SvelteCarousel from './Carousel.svelte'
---

所有组件在同一页面中和谐共存，互不干扰。

📡 灵活的渲染策略

每一页都可以选择不同的输出模式：

• SSG（默认）：构建时生成静态 HTML
• SSR：每次请求时在服务端渲染
• 混合：大部分静态 + 部分动态

什么时候应该用 Astro？

✅ 适合：

• 博客、文档站
• 营销页面、落地页
• 电商商品展示页
• 任何以展示内容为主的网站

❌ 不太适合：

• 高度交互的单页应用（SPA）
• 实时协作工具
• 需要大量客户端状态管理的应用

结语

Astro 不是要取代 React 或 Vue，而是提供了一种更好的架构选择——在需要交互的地方加水，在不需要的地方保持干燥。这正是现代 Web 开发应该追求的方向。