surfup

SPAのプリレンダリング:有効な場面と確認方法

SSRとプリレンダリング、直接URL、実際に返されるHTMLを確認します。

以下の手順を作業用チェックリストとして使い、プロジェクトで確認できた根拠、対象範囲、制約に合わせて調整してください。

実務的な手順

  • JavaScriptを実行せずにURLを開き、初期HTMLを保存します。
  • レスポンスに固有のtitle、description、canonical、本文が含まれるか確認します。
  • 階層の深いルートへ直接アクセスし、サーバーのレスポンスを確認します。
  • ハイドレーション前後のHTMLを比べ、重複や空の状態がないか調べます。
  • モバイル幅のルートと本番ビルドでも確認を繰り返します。