Next.js レンダリング検証

Google Cloud Run での SSG / SSR / ISR / CSR の挙動確認

検証方法

  1. 各ページにアクセスして表示される時刻とランダムIDを確認
  2. ページをリロードして値の変化を観察
  3. SSG: 時刻・IDが変わらない(ビルド時に固定)
  4. SSR: 毎回時刻・IDが変わる
  5. ISR: 10秒間は同じ値、その後変化
  6. CSR: 毎回変化、ページソースにデータなし
  7. use cache: キャッシュ期間中は同じ値、cacheHandlerログで確認