サーバーサイドレンダリングとは？
サーバーサイドレンダリング（SSR）とは、リクエストごとにサーバー上で完全な HTML を生成し、ブラウザに送信する手法です。ユーザーも検索エンジンのクローラーも、JavaScript の実行を待つ空のページではなく、意味のあるコンテンツを即座に受け取れます。
SSR・CSR・SSG の違い
- SSR（サーバーサイドレンダリング）——リクエストごとにサーバーで HTML を生成。データが常に新しく、SEO に強い
- CSR（クライアントサイドレンダリング）——ブラウザが JavaScript を実行してページを構築。読み込み後の遷移は速いが、SEO と初回表示に弱い
- SSG（静的サイト生成）——デプロイ時に HTML を一度だけ生成。配信が最速で、更新頻度の低いコンテンツに最適
SSR が SEO に重要な理由
検索エンジンは受け取った HTML をインデックスします。SSR ではタイトル、ディスクリプション、構造化データ、本文が最初のレスポンスに含まれるため、クローラビリティと LCP（Largest Contentful Paint）などの Core Web Vitals が向上します。どちらもランキング要因です。
Next.js における SSR
Next.js は SSR を標準動作にしています。React Server Components がサーバーでレンダリングし、HTML をブラウザへストリーミングし、インタラクティブな部分だけをハイドレートします。サーバー管理やハイドレーション処理を自前で書かずに、SSR の SEO と速度を手に入れられます。Nexty のようなボイラープレートはこの基盤の上に、メタデータ・サイトマップ・多言語対応を組み合わせ、すべてのページを初日から検索対応にしています。