Astroを始めよう

Astroは、高速な静的サイト生成を特徴とするモダンなWebフレームワークです。この記事では、Astroの基本的な使い方を紹介します。

プロジェクトの作成

新しいAstroプロジェクトを作成するには、以下のコマンドを実行します：

npm create astro@latest my-blog
cd my-blog
npm install

開発サーバーの起動

開発サーバーを起動するには：

npm run dev

これで http://localhost:4321 でサイトにアクセスできます。

コンポーネントの作成

Astroコンポーネントは .astro 拡張子を使用します：

---
// src/components/Greeting.astro
const { name } = Astro.props;
---

<h1>こんにちは、{name}さん！</h1>

<style>
  h1 {
    color: #333;
  }
</style>

まとめ

Astroは学習コストが低く、すぐに始められるフレームワークです。ぜひ試してみてください！