Astroの基本

- views

Astroの基本

Astroはモダンな静的サイトジェネレータで、以下の特徴があります：

高速なパフォーマンス

  • アイランドアーキテクチャによる最適化
  • 必要な JavaScript のみを配信
  • 静的サイトとしての高速な読み込み

コンポーネントベースのアーキテクチャ

---
// コンポーネントのフロントマター
const title = "Hello, Astro!";
---

<div>
  <h1>{title}</h1>
  <p>This is an Astro component.</p>
</div>

<style>
  h1 {
    color: blue;
  }
</style>

複数のフレームワークとの統合

Astroは以下のフレームワークとシームレスに統合できます：

  • React
  • Vue
  • Svelte
  • Solid
  • その他

ビルトインの機能

  1. ファイルベースのルーティング
  2. マークダウンサポート
  3. TypeScriptサポート
  4. APIエンドポイント
  5. SSRサポート

デプロイメント

Astroは以下のプラットフォームに簡単にデプロイできます：

  • Netlify
  • Vercel
  • Cloudflare Pages
  • GitHub Pages

詳細は公式ドキュメントを参照してください。