最近用 Astro 重新打造了個人網站，體驗非常順暢，來分享一下心得。

為什麼選 Astro？

Astro 的核心概念是「Islands Architecture」— 只在需要的時候才使用 JavaScript。這讓網站 loading 快得驚人。

特色一覽

• 📦 Content Collections — 專為 Markdown/MDX 設計
• ⚡ Zero JS by Default — 預設不載入任何 client-side JS
• 🎨 Framework Agnostic — 可以混用 React/Vue/Svelte
• 🔧 TypeScript First — 完整的類型檢查

快速開始

npm create astro@latest

選擇 minimal template，然後開始寫你的第一個 Astro component。

---
// src/pages/index.astro
const greeting = "Hello, Astro!";
---

<h1>{greeting}</h1>
<p>Welcome to my site!</p>

搭配 MDX

Astro 對 Markdown 的支援非常完整，加上 MDX 之後還可以在文章裡寫 component。

import MyComponent from './MyComponent';

# 我的文章

<MyComponent prop="value" />

非常推薦給想要快速架站、但又想要好效能的人！