SSG（静的サイト生成） とは？

ビルド時にHTMLを作っておいて、あとはCDNから配信するだけ。サーバーの処理が不要だから表示が爆速で、サーバー費用も安い。攻撃される動的な処理がないからセキュリティも強い。このサイトもAstroというSSGフレームワークで作っている。

SSRはリクエストのたびにサーバーがHTMLを作る。SSGはビルド時に一括で作る。だからSSGは更新のたびにビルドし直す必要がある。頻繁に内容が変わるページにはSSR、あまり変わらないページにはSSGが向いている。

ドキュメントサイト、コーポレートサイト、ランディングページなど、更新頻度が低くて表示速度が重要なサイトに向いている。逆に、ユーザーごとに内容が変わるSNSやダッシュボードには不向き。Next.jsのISRのように、SSGとSSRの中間的なアプローチもある。

静的HTMLを配信しつつ、クライアント側でJavaScriptを使ってAPIからデータを取得する方法があるよ。コメント欄や検索機能はクライアントサイドで動的に取得する、というハイブリッド構成がよく使われる。AstroのIslandアーキテクチャはこの考え方をフレームワークレベルで実現しているんだ。

まさにSSGの弱点の一つだよ。ページ数が増えるとビルド時間が線形に伸びる。Next.jsのISR（Incremental Static Regeneration）は一度ビルドしたページをキャッシュして、アクセス時にバックグラウンドで再生成する方式で、この問題を緩和している。大規模サイトではSSGとSSRを使い分けて、更新頻度の高いページだけSSRにするのが現実的だね。