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