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

SSR (Server-Side Rendering)

Also known as: Server-Side Rendering / サーバーサイドレンダリング

A rendering strategy where the server generates HTML on every request. It offers fast initial load and SEO benefits, making it suitable for dynamic or user-specific content. In Next.js, getServerSideProps and App Router defaults support SSR.

Overview

SSR generates complete HTML on the server for each request. Content is immediately visible, but full interactivity requires client-side hydration, which takes additional time. Streaming SSR progressively sends HTML chunks to improve perceived performance.

When to Use SSR vs SSG vs ISR

SSR suits authenticated dashboards and frequently changing data. Static content is best served with SSG, while ISR works for content that needs periodic regeneration. The Vercel + Next.js 16 guide covers rendering strategy selection.

Related Columns

Web Development
Complete Guide to Building Websites with Vercel and Next.js 16 [2026 Edition]
In 2026, building websites with Next.js 16 and Vercel has dramatically evolved with Turbopack's 400% faster dev startup, React Server Components, and v0 AI generation. Learn everything about professional web development starting from $20/month.
Web Development
Hono + Inertia + React in 2026 — A Third Path Beyond Next.js and Remix
Hono (an ultrafast web framework) + Inertia.js (a server-driven SPA adapter) + React is gaining traction in 2026 as a third full-stack option beyond Next.js and Remix. This guide covers the architecture, each layer's role, comparisons with Next.js / Remix / Laravel + Inertia, fit and anti-fit projects, and how to choose between Cloudflare Workers, Bun, and Node — from a practitioner's perspective.
Web Development
Hono + Inertia + React Authentication Guide — Better Auth / Lucia / Session Design Patterns [2026]
A complete guide to authentication done right in Hono + Inertia + React. Compares Better Auth / Lucia / DIY sessions, cookie vs JWT, sharing the auth prop via Inertia, roles and authorization, OAuth providers (Google / GitHub / LINE), and password resets.

Related Terms

Next.jsSSG (Static Site Generation)ISR (Incremental Static Regeneration)RSC (React Server Components)HydrationStreamingEdge Function

Feel free to contact us

Contact Us