Astroとは

Astroは、コンテンツ重視のWebサイトを高速に構築するための最新のWebフレームワークです。

デフォルトでゼロJavaScriptを出力し、必要な部分だけをインタラクティブにする「アイランドアーキテクチャ」を採用しています。

主な特徴

• ゼロJS by default: 初期状態ではJavaScriptを含まない静的HTMLを生成
• フレームワーク非依存: React、Vue、Svelteなど、好きなUIフレームワークを組み合わせ可能
• MDXサポート: Markdownにコンポーネントを埋め込める
• 高速: 静的サイト生成により、非常に高速なページロードを実現

Astroコンポーネント

Astroコンポーネントは.astro拡張子を持ち、HTMLに似た記法で書けます：

---
const title = "Hello Astro";
---

<h1>{title}</h1>
<p>これはAstroコンポーネントです。</p>

コンテンツコレクション

Astroには強力なコンテンツ管理機能があり、MDXファイルをコレクションとして管理できます。型安全なfrontmatterスキーマ定義も可能です。