Astroでブログを作る

Astroとの出会い

ブログを作ろうと思ったとき、いくつかの選択肢があった。

• Next.js
• Gatsby
• Hugo
• Astro ← これを選んだ

なぜAstroなのか

コンテンツファースト

Astroは静的サイト生成に特化している。ブログのようなコンテンツ中心のサイトには最適だ。

// シンプルなAstroコンポーネント
---
const posts = await getCollection('blog');
---

{posts.map(post => <Article {post} />)}

ゼロJavaScriptがデフォルト

必要な場所にだけJavaScriptを追加できる。結果として、非常に高速なサイトが作れる。

Markdownネイティブ

Content Collectionsという機能で、Markdownファイルを型安全に扱える。これが本当に便利。

実際に使ってみて

開発体験は非常に良かった。

• ホットリロードが速い
• エラーメッセージが分かりやすい
• ドキュメントが充実している

まとめ

ブログを作るなら、Astroは最高の選択肢の一つだと思う。

シンプルに始められて、必要に応じてスケールできる。まさに「イケてる」フレームワークだ。