結論先出し: 迷ったらSSG

SSG(静的生成)を基本、動的な部分だけSSRまたはISR。Tufe Companyのサイトも大半がSSG。

比較表

SSGSSR
レンダリングタイミングビルド時リクエスト時
速度◎ 爆速
サーバーコスト中〜高
更新反映再ビルド必要即反映
SEO
パーソナライズ
動的データ

用途別推奨

SSG推奨

  • ブログ記事・用語集
  • LP・企業サイト
  • マーケティングサイト
  • ドキュメントサイト

SSR推奨

  • ログイン後のダッシュボード
  • 検索結果ページ
  • パーソナライズされたECトップ
  • リアルタイム性必要なページ

ISRという第3の選択肢

SSGとSSRのハイブリッド。ビルド時に生成し、指定時間ごとに再生成。

  • ブログ(1日1回更新): revalidate: 86400
  • ECカテゴリ(1時間更新): revalidate: 3600
  • 価格ページ(15分更新): revalidate: 900

Tufe Companyの採用

本サイトは以下の使い分け:

  • / /services /blog/* /glossary/* /industries/*: SSG
  • /api/*: 動的(SSR相当)
  • ツールの結果表示: クライアント fetch

よくある質問

Q1. 何を選べば失敗しない?

迷ったらSSG。速度・コスト両面で合理的。

Q2. 動的データがあるサイトは?

ページ単位で混在可能。Next.js App Routerは柔軟。

関連情報

Tufe Companyのソリューション