Astroで作るモダンな静的サイト入門

Astroとは？

Astroは2021年に登場した静的サイトジェネレーターで、「Islands Architecture」という革新的なアーキテクチャを採用しています。

従来のフレームワークと異なり、デフォルトでJavaScriptをクライアントに送信しません。これにより、ページの読み込みが劇的に高速化されます。

主な特徴

• ゼロJS: デフォルトでクライアントサイドJSなし
• コンポーネント対応: React、Vue、Svelteなど複数フレームワーク混在可能
• Markdownサポート: コンテンツをMarkdownで管理
• 型安全: TypeScriptファースト設計

インストール

npm create astro@latest

まとめ

Astroはブログや静的サイト、ドキュメントサイトに最適です。シンプルな記法と高いパフォーマンスで、現代のWeb開発に新しい選択肢をもたらしています。