SSG（静的サイトジェネレーター）

SSG（Static Site Generator）とは？

SSG（Static Site Generator、静的サイトジェネレーター）は、ビルド時にすべてのページをHTMLファイルとして事前生成する手法・ツールです。実行時にサーバーサイドの処理が不要なため、CDNから配信でき高速・低コスト・高セキュリティを実現します。

SSGのメリット・デメリット

項目	メリット	デメリット
速度	HTMLを直接配信するため最速	—
セキュリティ	サーバーサイド処理がないため攻撃面が小さい	—
コスト	Cloudflare Pages等で無料ホスティング可	—
データ更新	—	コンテンツ変更のたびに再ビルドが必要
動的機能	—	ログイン・検索等は別途APIが必要

主なSSGフレームワーク

フレームワーク	特徴
Astro	複数FWのコンポーネントを使用可能・軽量
Next.js	ページ単位でSSG/SSR/ISRを選択可能
Hugo	Go製・超高速ビルド
Gatsby	React製・GraphQL統合
Eleventy（11ty）	シンプル・柔軟

ISR（Incremental Static Regeneration）

Next.jsのISRは「SSGの速度」と「SSRの鮮度」を両立する手法です。一定時間ごとにバックグラウンドで再生成します。

まとめ

このサイト（tool.lapis-tech.jp）もAstroによるSSGで構築されており、高速性とSEOを両立しています。