Astroでブログを作る方法

Astroとは

Astroは、コンテンツ駆動型のWebサイトを構築するためのモダンなフレームワークです。

Astroの特徴

1. 高速なパフォーマンス - デフォルトでJavaScriptをクライアントに送信しません
2. コンテンツ重視 - ブログやドキュメントサイトに最適
3. 柔軟性 - React、Vue、Svelteなど好きなUIフレームワークを使えます

Content Collections

Astroの Content Collections を使うと、Markdownファイルを簡単に管理できます。

// content.config.ts
import { defineCollection, z } from "astro:content";

const posts = defineCollection({
  schema: z.object({
    title: z.string(),
    date: z.string(),
  }),
});

フロントマターにスキーマを定義することで、型安全にコンテンツを扱えるのが魅力です。

まとめ

Astroは静的サイト生成に特化しており、ブログのようなコンテンツサイトを作るのに非常に適しています。ぜひ試してみてください。