Astro 是一款現代化的輕量級靜態站點生成器,具有出眾的開發者體驗 (Developer Experience)。據介紹,雖然 Astro 從誕生到今天只有 16 個月,但其倉庫的 star 數已超過 13000,并且在全球擁有超過 30000 名用戶。目前,Astro 文檔已被翻譯成 6 種不同的語言 —— 包括中文①。
近日,Astro 發布②了 1.0 正式版。團隊稱 1.0 意味著 API 已達到穩定狀態,并可用于生產環境。部分新特性:
-
圖像優化:引入新的和組件
-
支持 MDX:在 Markdown 中混合編寫 UI 組件的標準語法
-
支持 SSR:SSR 現已達到穩定狀態,可用于生產環境
-
Vite 3.0:升級 Astro 使用的構建引擎 Vite
Astro 采用了獨特的Island 組件架構,團隊稱這是一種用于構建更快網站的新型 Web 架構。與單頁應用程序不同,Astro 的組件不會被捆綁到一個 JAVAScript 包中。相反,每個組件都被視為一個獨立的小型應用程序,與所有其他組件隔離存在。
Astro 其他特性:
-
自帶組件框架:Astro 為 React、Vue、Svelte 和 Tailwind css 等前端工具提供一級支持。通過
astro add
命令即可添加使用 -
支持靜態頁面生成 (SSG) 和服務器端渲染 (SSR),可以按需渲染內容
-
開發者體驗出眾:Astro 支持所有喜愛的開發者工具和功能,如 TypeScript、NPM 包、Scoped CSS、CSS Modules、Sass、Tailwind、Markdown、MDX
-
按需組件:Astro 支持通過水化組件按需加載 JavaScript。因此,如果該特定組件不可見,它不會加載相關的 JavaScript
-
100% 靜態 html,無 JavaScript 運行時環境:當構建 Astro 時,它將刪除所有 JavaScript,并將整個頁面渲染為靜態 HTML 頁面
-
seo 友好:使用 Astro,可以啟用自動網站地圖、RSS 訂閱、分頁和收藏
-
基于文件的路由:就像 Next.js 一樣,Astro 有一個基于文件的路由機制,所有在 /pages 中的東西 Astro 都會將目錄轉化為路由
借發布 1.0 的機會,開發團隊還對官網 astro.build 進行了重新設計:
最后團隊表示,Astro 從首次推出到現在發布 1.0 正式版,已經發生了許多變化。它不僅僅只是靜態站點生成器,開發者可以在任何流行的托管平臺上將 Astro 構建為動態的、支持 SSR 的服務器。
項目地址:https://www.oschina.NET/p/astro-build
①https://docs.astro.build/zh-cn/getting-started/
②https://astro.build/blog/astro-1/