withastro/astro

これは何？

主な機能

• 01デフォルトでページを静的HTMLとしてレンダリングし、インタラクティブなアイランドにだけJavaScriptを配信します。
• 021つのプロジェクトでReact、Preact、Svelte、Vue、Solid、Alpine.jsのコンポーネントを利用できます。
• 03Node、Vercel、Netlify、Cloudflare向けのアダプターを通じてサーバーレンダリングを利用できます。
• 04MDX、sitemap、RSS、Partytownなどの公式インテグレーションを提供します。
• 05新しいプロジェクトのひな形を作成するcreate-astroと、VS Code向けの言語拡張機能が含まれます。

ユースケース

• MarkdownまたはMDXを使った、コンテンツ中心のブログやドキュメントサイトの構築。
• 高速な読み込みと最小限のクライアントJavaScriptが求められる、マーケティングサイトやポートフォリオサイトの作成。
• ReactやVueのコンポーネントを再利用しながら、既存サイトを段階的にAstroへ移行。
• ほぼ静的なサイトに、Vercel、Netlify、Cloudflare上でサーバーレンダリングされるルートを追加してデプロイ。

クイックスタート

1. 1

   推奨インストーラーで新しいプロジェクトを作成する

   npm create astro@latest
2. 2

   または、既存のプロジェクトに Astro を手動でインストールする

   npm install astro
3. 3

   インストールせずに試すには、ブラウザーでスタータープロジェクトを開く

使う前に知っておきたいこと

• !メタデータではライセンスが NOASSERTION と記載されていますが、README から MIT LICENSE ファイルにリンクされています。

収録されている特集

トピック

よくある質問

astro とは？

最小限のJavaScriptでコンテンツ中心のWebサイトを構築でき、1つのプロジェクトで複数のUIフレームワークを使えるビルドツールです。 Astroは、ブログやマーケティングページ、ドキュメントなど、コンテンツの多いサイト向けのWebサイト構築フレームワークです。デフォルトではページを静的HTMLとしてレンダリングし、インタラクティブなコンポーネントにだけJavaScriptを配信するため、出力を軽量に保てます。

astro は無料で使えますか？ライセンスは？

astro は Other ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。

astro は今もメンテナンスされていますか？

活発にメンテナンス中。astro の最終コミットは 2026年10月22日 です。

astro は何に使えますか？

MarkdownまたはMDXを使った、コンテンツ中心のブログやドキュメントサイトの構築。 高速な読み込みと最小限のクライアントJavaScriptが求められる、マーケティングサイトやポートフォリオサイトの作成。 ReactやVueのコンポーネントを再利用しながら、既存サイトを段階的にAstroへ移行。 ほぼ静的なサイトに、Vercel、Netlify、Cloudflare上でサーバーレンダリングされるルートを追加してデプロイ。

astro のインストール方法は？

推奨インストーラーで新しいプロジェクトを作成する: npm create astro@latest または、既存のプロジェクトに Astro を手動でインストールする: npm install astro インストールせずに試すには、ブラウザーでスタータープロジェクトを開く

astro はどこで入手できますか？

ソースコードとインストール手順は GitHub にあります：https://github.com/withastro/astro