静的サイト生成 とは
ビルド時の静的ページ生成
SSG(Static Site Generation)は、リクエストごとに動的に生成するのではなく、ビルドプロセス中にHTMLページを事前に生成するWebサイト構築アプローチです。
利点
- 速度 — ページが瞬時に読み込まれる
- SEO — 完全なコンテンツが検索エンジンに表示される
- セキュリティ — サーバーサイドロジックなし
- スケーラビリティ — CDN経由で簡単に配信
使用場面
- ブログとドキュメント
- マーケティングランディングページ
- ポートフォリオと名刺
- 製品カタログ
フレームワーク
- Next.js — React + SSG/SSR
- Gatsby — React + GraphQL
- Astro — マルチフレームワーク
- Hugo — Go、非常に高速
- 11ty — JavaScript、柔軟
欠点
- ページ数に応じてビルド時間が増加
- 頻繁に更新されるコンテンツには不向き
- 変更時に再ビルドが必要
ハイブリッドソリューション
- ISR(増分静的再生成)
- オンデマンド再検証
- SSG + SSRの組み合わせ