技術用語

SSR

エスエスアール

Server-Side Rendering の略。リクエストごとにサーバで HTML を生成してブラウザへ返す方式です。

体験区分：少しだけ触った推奨読者レベル：Level 2-4

アクセスのたびに、サーバが動的データを取得して HTML を組み立て、完成品を返します。ブラウザはそのまま表示できるため、初期表示が速く、SEO（検索エンジン最適化）にも有利です。

Next.js や Nuxt、SvelteKit の設定で「SSR / SSG / CSR」の選択肢として登場します。AI でサイトを生成する際も方式選択の場面で行き着きます。

比較図

2026.04·needs_review

「動的データの多い画面は SSR、ブログ記事は SSG。Next.js なら共存できます。」

SSRの見方

409

この用語の見どころ

役割

リクエストごとにサーバで HTML を組み立て、完成品を返します。

うれしさ

初期表示が速く、SEO クローラが HTML をそのまま読めます。

注意点

サーバ負荷が高く、インフラ運用コストが増えることがあります。

どこで役立つか

動的データが多いダッシュボードや EC サイトに向いています。

はじめに

SSR / SSG / CSR を「いつ HTML を作るか」の時間軸で区別します。

深掘り先

SSG（F-162）、Next.js（F-11）、ISR

非エンジニアのつまずき

私のコメント

開発フローでの位置

要件定義

→

方式選定

→

フレームワーク設定

→

サーバ構築

→

デプロイ