Astro (Webフレームワーク)

AstroはFred SchottやNate Mooreらによって2021年ごろから開発を開始した。SnowpackとSkypackの開発チームを中心に、コミュニティからの貢献も行われ、2022年4月にベータ版がリリースされた^[2]。

以降も大規模なアップデートが継続的に行われており、現在^[いつ?]もAstro v5をベースに開発が続けられている。

Astroはページ全体を静的なHTMLにレンダリングし、不要なJavaScriptを削除することで高速なパフォーマンスを実現する。自動補完検索バーなどでインタラクティブな要素が必要な場合のみ、該当するコンポーネントを「アイランド・アーキテクチャ（Islands Architecture）」の方式で、Astroは該当コンポーネント（および依存関係）のみを読み込む。さらにコンポーネントがページ上で表示されるまで読み込みを遅延させることもできる^[2]。

また、AstroではImageコンポーネントを使用することで、画像の幅・高さをHTMLに反映し、読み込み時のレイアウトずれ（CLS）を防ぐ仕組みが組み込まれている。さらに、ローカルおよび許可されたリモート画像に対しては、フォーマット変換が可能である^[3]。

AstroはTypeScript、CSS Modules、Sass、Tailwind CSSなどの主要技術をサポートしている。また、React、Vue、Svelte、SolidJS、Preactなど複数のフレームワークを同一プロジェクト内で併用できる。RSSフィードやサイトマップの自動生成なども容易に実装できる。

Astroは静的サイト生成（SSG）に加え、サーバーサイドレンダリング（SSR）やエッジレンダリングにも対応しており、静的サイトから動的Webアプリケーションまで幅広い構成をサポートしている^[4]。

さらに、MarkdownおよびMDXにネイティブ対応しており、主にブログ、企業サイト、マーケティングページ、ドキュメントサイトなど、コンテンツ配信を中心とするウェブサイト構築に適している^[2]。