專題一：視覺美學與 UI 框架 —— Tailwind CSS 整合
Astro 預設不帶樣式，而 Tailwind 是它的最佳拍檔。
- 學習重點： 原子化 CSS 觀念、響應式設計、Astro 的 Scoped CSS 與 Tailwind 的衝突處理。
- 目標： 讓你的網站從「工程師風格」變成「專業設計風格」。
專題二：狀態管理與跨組件通訊 —— Nano Stores
在 Astro 的孤島架構中，如果一個 React 組件要跟一個 Svelte 組件（或另一個 React 組件）共享資料（例如購物車、深色模式切換），我們不能用 React Context。
- 學習重點： 輕量級狀態管理庫
nanostores。 - 目標： 實作一個「全站深色模式切換」功能。
專題三：持久化資料存放 —— 整合 Supabase 或 Drizzle ORM
目前的內容都存在 Markdown 裡，但如果你要處理：使用者留言、瀏覽次數、或後台管理，你需要真正的資料庫。
- 學習重點： 連接外部資料庫、在 Astro Actions 中執行 SQL 查詢。
- 目標： 實作一個「文章點讚數」功能，並將數據永久儲存在雲端。
