將現有專案遷移到 Astro
準備好將你的網站轉換為 Astro 了嗎？ 請參閱我們提供的任一個遷移技巧指南。
請注意，這些頁面中有許多是小作品：它們是正在等待你貢獻的資源集合！
為什麼要將你的網站遷移到 Astro？
Section titled “為什麼要將你的網站遷移到 Astro？”Astro 提供了許多好處：性能、簡單性，以及許多你想要的功能都內建在框架中。當你需要擴展你的網站時，Astro 提供了一些官方和第三方社群的整合。
遷移的工作量可能比你想像的要小！
根據你現有的專案，你可能可以：
-
在 Astro 中直接使用你現有的 UI 框架元件 (EN)。
-
使用你現有的 CSS 樣式或函式庫 (EN) 包括 Tailwind。
-
使用你現有的 Markdown/MDX 檔案 (EN)，用 remark 和 rehype 套件 (EN)進行設定。
-
透過整合或 API 取得來自 CMS 的內容。
我可以將哪些專案轉換為 Astro？
Section titled “我可以將哪些專案轉換為 Astro？”很多現有的網站可以使用 Astro 建構。Astro 非常適用於你已有的內容型網站，如部落格、登入頁面、行銷網站和個人作品集。Astro 整合了幾個流行的 headless CMS，並且允許你連接電子商務商店的購物車。
Astro 允許你建立靜態生成的網頁、路由隨需算繪的動態應用程式，或結合兩者，還能完全控制專案的算繪方式 (EN)。因此它非常適合做為 SSG 或需即時獲取資料網站的替代方案。
從何改變我的專案設計？
Section titled “從何改變我的專案設計？”根據你現有的專案，可能需要從不同方面進行思考：
-
使用 Astro 群島設計以避免向瀏覽器發送不必要的 JavaScript。
-
使用客戶端
<script>標籤 (EN)或 UI 框架元件 (EN)提供客戶端互動性。 -
使用 Nano Stores 或 local storage 管理共用狀態 (EN)，而不是全局 hooks 或包裝類別。