为什么我选择 Astro 构建个人网站

前端框架的选择

在构建个人网站时，框架的选择至关重要。经过深入研究和实践，我选择了 Astro。

Astro 的核心优势

零 JavaScript 默认

Astro 默认不发送任何 JavaScript 到客户端。这意味着：

• 更快的页面加载速度
• 更好的 SEO 表现
• 更低的带宽消耗

岛屿架构

---
// 这部分只在构建时运行
const data = await fetch('https://api.example.com/data');
---

<!-- 这部分是静态 HTML -->
<div>
  <h1>{data.title}</h1>
  <InteractiveComponent client:load />
</div>

内容集合

Astro 的内容集合提供了类型安全的内容管理：

const blog = defineCollection({
  schema: z.object({
    title: z.string(),
    pubDate: z.date(),
  }),
});

性能对比

框架	首屏加载	Lighthouse 分数
Astro	0.8s	98
Next.js	1.2s	92
Nuxt	1.5s	88

结论

对于内容驱动的网站，Astro 是目前最优的选择。