Newnessimworks.com
Glossary · Web development

Server-Side Rendering (SSR)

Generating HTML on the server for each request — fast first paint, fresh data on every load, but more server load than static rendering.

Definition

In long form.

In SSR, the server receives a request, fetches data, renders the React (or Vue, etc.) component tree to HTML, and ships the HTML to the browser. The browser displays the page immediately, then 'hydrates' the JavaScript to enable interactivity. Compared to client-side rendering, SSR delivers a faster first paint and gives crawlers fully-rendered content for SEO. Compared to static generation, SSR is fresher but slower (every request hits the server) and requires more infrastructure.

In context

Modern Next.js mixes rendering modes per route: static for marketing pages, ISR for blog content that updates a few times a day, SSR for personalized dashboards. The right answer depends on freshness needs and traffic volume.

Discovery first

Talk to us about your engagement.

Discovery calls are free. Scope, timelines, and pricing are quoted after we understand what you’re solving.