📝 Vega Note
💻 開發

Astro 框架入門:為什麼它是做內容網站的最佳選擇?

比較 Astro 和 WordPress、Next.js 的差異,教你用 Astro 快速建立高效能的靜態網站。

Astro 前端開發

為什麼我從 WordPress 搬到 Astro?

用了兩年的 WordPress,我決定搬家了。原因很簡單:WordPress 太肥了。一個簡單的部落格,載入速度要 3-4 秒,還要擔心外掛更新、安全漏洞、主機費用。

Astro 讓一切變得簡單:純靜態 HTML,載入速度不到 1 秒,部署在 Vercel 完全免費。

Astro 的核心優勢

1. 零 JavaScript by Default

Astro 預設不送任何 JavaScript 到瀏覽器,只有純 HTML 和 CSS。需要互動的地方再用「Islands」按需載入 React 或 Vue 元件。

2. Markdown 原生支援

文章用 Markdown 寫,放在專案裡就是一篇文章。版本控制、搜尋替換都超方便,不需要資料庫。

3. 部署超簡單

推到 GitHub,Vercel 自動部署。不需要設定伺服器、不需要 SSH、不需要 FTP。

5 分鐘建立第一個 Astro 網站

只需要三個指令就能跑起來,比泡一杯咖啡還快。

標籤: Astro靜態網站Vercel前端開發

💬 常見問題

Astro 適合做電商網站嗎?
Astro 比較適合內容為主的網站。如果是需要大量動態互動的電商,建議用 Next.js 搭配後端。
Astro 部署到 Vercel 要錢嗎?
Vercel 的 Hobby Plan 是免費的,對個人網站和小型專案來說完全夠用。