SSR

SSR は Server Side Rendering の略です。 ブラウザからのリクエストに対して、サーバー側で HTML を組み立てて返します。

初心者のうちは「画面をサーバーで作ってから送る方式」と押さえるとつかみやすいです。

まず押さえたいポイント

• サーバーで HTML を生成するので、初期表示が速くなりやすい
• 検索エンジンが HTML を直接読めるので、SEO に有利
• リクエストごとにサーバーで処理するので、サーバー負荷が上がりやすい
• CSR（クライアントサイドレンダリング）と対比で使われることが多い

CSR との違い

CSR はブラウザ側で JavaScript を実行して画面を作ります。 SSR はサーバー側で HTML を組み立ててからブラウザに送ります。

CSR は初期表示が遅くなりやすい反面、画面遷移は速い傾向があります。 SSR は初期表示が速い反面、毎回サーバーへリクエストが飛びます。

どんな場面で使うか

• SEO が重要な公開サイトやメディア
• ユーザーごとに異なるデータを初期表示で見せたいとき
• SNS でシェアされたときに OGP を正しく表示したいとき
• 初期表示速度がビジネス指標に影響する場面

実務で見るポイント

• すべてのページを SSR にする必要はない（SSG や CSR と使い分ける）
• サーバー負荷とキャッシュ戦略をセットで考える
• Next.js や Nuxt では、ページごとに SSR / SSG を選択できる