What is SSR (Server-Side Rendering)?
Turkish: SSR
SSR renders page HTML on the server for each request, sending ready content to the browser to improve first view and SEO.
What is SSR?
SSR (Server-Side Rendering) creates the first HTML output of a web page on the server instead of in the browser. When a user opens a URL, the server fetches the required data, renders the page HTML, and sends ready content to the browser. If JavaScript then loads to make the page interactive, that step is called hydration.
SSR is useful when search engines and social previews need to see real HTML immediately. Product detail pages, news articles, category pages, and personalized dashboards are common examples. Instead of showing an empty app shell, the user receives meaningful first content earlier.
Difference from SSG
SSG generates pages at build time; SSR generates them on the server at request time or according to cache rules. SSR is more flexible for fresh data and user-specific content, but it requires careful handling of server cost, latency, and failures.
Frameworks such as Next.js can combine SSR, SSG, and client-side data fetching in the same project. The practical decision depends on how often the page changes, whether it is personalized, whether first HTML matters for SEO, and how server-side caching will be designed.
Related Terms
Astro is a web framework for content-heavy sites that ships HTML first and loads JavaScript only where interaction needs it.
Edge RenderingEdge rendering generates pages at locations close to the user instead of a central server, reducing latency for dynamic content.
HydrationHydration attaches browser-side JavaScript behavior to server-rendered HTML so a static interface becomes interactive.
Next.jsNext.js extends React with server rendering, static generation, file-based routing, and backend endpoints for production web applications.
React Server ComponentsReact Server Components render selected UI parts on the server and send results without shipping their component code to the browser.
SSG (Static Site Generation)SSG prebuilds pages into HTML during deployment, creating fast, cache-friendly sites that need little server work per request.