Server-Side Rendering (SSR)
Server-side rendering (SSR) is a technique where the web server generates the complete HTML for a page on each request, sending fully rendered content to the browser and search engine crawlers.
SSR is the gold standard for SEO in JavaScript applications. When Googlebot requests a page, it receives complete HTML with all content, metadata, and structured data — no JavaScript execution needed. This guarantees immediate indexing of all content.
The tradeoff is server load and response time — each request requires server computation. This is why caching strategies (CDN, ISR) and efficient data fetching are important. In Next.js App Router, pages using `async` Server Components are SSR by default.
Compare with client-side rendering (CSR) where the server sends an empty HTML shell and JavaScript builds the page in the browser. CSR is problematic for SEO because crawlers may not execute the JavaScript or may encounter timeouts. Indxel validates that pages serve meaningful HTML content in the initial server response.
Example
// Next.js App Router — SSR by default
// app/blog/[slug]/page.tsx
export default async function BlogPost({
params,
}: {
params: { slug: string };
}) {
const post = await getPost(params.slug); // Runs on server
return (
<article>
<h1>{post.title}</h1>
<p>{post.content}</p>
</article>
);
}Related terms
Static Site Generation (SSG)
Static Site Generation (SSG) is a rendering strategy where pages are pre-rendered as static HTML files at build time, served directly from a CDN without server computation on each request.
JavaScript SEO
JavaScript SEO is the practice of optimizing JavaScript-heavy web applications so that search engines can effectively crawl, render, index, and rank their content.
Renderability
Renderability is the ability of search engine crawlers to execute JavaScript and render a page's content as it would appear to a user in a browser.
Dynamic Rendering
Dynamic rendering is a technique that detects search engine crawlers and serves them a pre-rendered HTML version of a page, while serving the regular JavaScript-rendered version to human users.
Stop shipping broken SEO
Indxel validates your metadata, guards your CI/CD pipeline, and monitors indexation — so you never miss an SEO issue again.