株式会社オブライト
Web Frontend2026-05-17

SSR(サーバーサイドレンダリング)

別名: Server-Side Rendering / サーバーサイドレンダリング

各リクエスト時にサーバーで HTML を生成して返すレンダリング方式。初期表示が速く SEO に有利で、動的コンテンツやユーザー固有のデータを含むページに適する。Next.js では `getServerSideProps` や App Router のデフォルト動作が SSR に対応。


概要

SSR はサーバーがリクエストごとに完全な HTML を生成し、ブラウザに返す方式です。ユーザーには即座にコンテンツが表示されますが、JS の実行(Hydration)が必要なため、完全なインタラクティビティまでに時間がかかる場合があります。Streaming SSR を使うと HTML を段階的に送信でき、体感速度が向上します。

SSG・ISR との使い分け

認証が必要なダッシュボードや頻繁に更新されるデータには SSR が適しています。静的コンテンツには SSG、一定期間で再生成するには ISR が効率的です。Vercel + Next.js 16 完全ガイド でレンダリング戦略の選択を解説しています。

関連コラム

関連用語

お気軽にご相談ください

お問い合わせ