Astroで静的サイトを作る

Astroは高速な静的サイトを構築するためのフレームワークです。

Astroの特徴

1. ゼロJavaScript - デフォルトでクライアントサイドJSなし
2. Islands Architecture - 必要な部分だけインタラクティブに
3. Content Collections - 型安全なコンテンツ管理

Content Collectionsの使い方

Astro 5では content.config.ts でスキーマを定義します。

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

Markdownファイルのfrontmatterが自動的にバリデーションされます。