Astroでブログを始める最初のステップ

はじめに

近年、軽量かつ高速な静的サイトジェネレーターとして「Astro」が注目されています。この記事では、Astroを使ってブログを始めるための最初のステップを紹介します。

Astroのインストール

まずはAstroのプロジェクトを作成します。Node.jsがインストールされていることを確認しましょう。

# 新しいAstroプロジェクトを作成
npm create astro@latest my-blog
cd my-blog
npm install

続いて、開発サーバーを起動します。

npm run dev

これでローカル環境でAstroの初期サイトが表示されます。

記事を追加する

Astroではsrc/contentディレクトリを利用してMarkdown形式の記事を管理します。以下のようにファイルを追加します。

mkdir -p src/content/blog
nano src/content/blog/first-post.md

ファイルには次のような内容を書きます。

---
title: '初めてのAstro記事'
pubDate: 2025-11-28
description: 'Astroで作成した最初の記事です。'
---

これはAstroで作成した最初のMarkdown記事です。

まとめ

Astroを使えば、ReactやVueを組み合わせた高速な静的ブログを簡単に構築できます。次はデプロイ設定やテーマカスタマイズにも挑戦してみましょう。