--- title: "SSR" title_en: "Server-Side Rendering" description: "SSR (Server-Side Rendering) erzeugt das HTML einer Seite auf dem Server pro Anfrage, statt es dem Browser per JavaScript zusammenbauen zu lassen. Crawler, Assistenten und Nutzer erhalten den Inhalt sofort im ersten Response." description_en: "SSR (Server-Side Rendering) generates a page's HTML on the server per request instead of letting the browser assemble it with JavaScript. Crawlers, assistants and users get the content in the very first response." summary_en: "SSR (Server-Side Rendering) generates a page's HTML on the server per request instead of letting the browser assemble it with JavaScript. Crawlers, assistants and users get the content in the very first response." direct_answer_en: "Server-Side Rendering produces complete HTML on the server for each request, so the first response already contains the content. This helps crawlers and AI agents that run little or no JavaScript, and it improves first paint. SSR suits personalised or fast-changing pages; static pages are cheaper with SSG." url: "https://modern-stack.de/glossar/ssr" type: "glossary" kind: "glossary" language: de-DE updated_at: "2026-10-06T18:00:00+00:00" --- # SSR ## English Abstract SSR (Server-Side Rendering) generates a page's HTML on the server per request instead of letting the browser assemble it with JavaScript. Crawlers, assistants and users get the content in the very first response. ## Quick Answer (EN) Server-Side Rendering produces complete HTML on the server for each request, so the first response already contains the content. This helps crawlers and AI agents that run little or no JavaScript, and it improves first paint. SSR suits personalised or fast-changing pages; static pages are cheaper with SSG. ## Key Takeaways (EN) - SSR sends finished HTML per request; the browser then hydrates it for interactivity. - Better than client-only rendering for crawling, AI extraction and first paint. - Costs server compute and needs caching; static pages are cheaper via SSG or ISR. - Use SSR for personalised or live data, SSG/ISR for shared marketing content. ## English Summary Server-Side Rendering means the server runs the application code for a request and returns complete HTML. The browser can paint content immediately and later hydrates the page with JavaScript for interactivity. Compared with client-side rendering, SSR makes content visible to crawlers and language models that do not execute scripts. It requires server capacity and sensible caching. Modern frameworks let you mix SSR, static generation and incremental regeneration per route. ## Quick Answer **SSR:** Server-Side Rendering heißt, dass der Server für jede Anfrage das komplette HTML einer Seite erzeugt und ausliefert, statt dem Browser ein leeres Gerüst zu schicken. Der Inhalt steht damit schon im ersten Response — für Besucher sichtbar, für Suchmaschinen und KI-Crawler lesbar. Praktisch heißt das: Wenn deine Seite von Nutzer, Cookies oder Live-Daten abhängt, ist SSR der saubere Weg; für gleichbleibende Inhalte reicht oft statisches Rendering. > Zitierfähigkeit entsteht, wenn Definition, Struktur und klare nächste Schritte zusammenkommen. > Steve Baka ## Key Takeaways - SSR liefert fertiges HTML pro Anfrage; der Browser macht es anschließend per [Hydration](/glossar/hydration) interaktiv. - Besser als reines Client-Rendering für [Crawling](/glossar/crawlability), KI-Extraktion und die erste Darstellung. - Kostet Serverleistung und braucht Caching; gleichbleibende Seiten sind per [SSG](/glossar/ssg) günstiger. - SSR für Personalisierung und Live-Daten, SSG/[ISR](/glossar/isr) für gemeinsame Marketing-Inhalte. ## Was ist SSR? **Server-Side Rendering** bezeichnet das Erzeugen von HTML auf dem Server. Wenn ein Browser eine URL anfragt, führt der Server die Anwendungslogik aus, lädt die benötigten Daten, setzt daraus das HTML zusammen und schickt das fertige Dokument zurück. Das ist keine neue Idee: Klassische PHP-, Ruby- oder Java-Seiten arbeiten seit jeher so. Neu ist die moderne Variante mit JavaScript-Frameworks, die denselben Komponentencode auf dem Server und im Browser verwenden können. Dem gegenüber steht **Client-Side Rendering (CSR)**. Dort liefert der Server ein fast leeres HTML-Dokument mit einem JavaScript-Bündel aus. Erst der Browser lädt das Skript, ruft Daten ab und baut die Oberfläche auf. Die Folge: Bis das Skript läuft, sieht der Nutzer nichts, und Crawler, die kein JavaScript ausführen, sehen auch nichts. SSR löst dieses Problem. Das gelieferte HTML enthält Überschriften, Text, Links und strukturierte Daten bereits im Quelltext. Anschließend lädt der Browser das JavaScript nach und „hydriert“ die Seite, damit Buttons, Formulare und Menüs reagieren — dieser Schritt heißt [Hydration](/glossar/hydration). ## Wie funktioniert SSR im Request-Pfad? 1. Der Browser oder Crawler fordert `https://beispiel.de/leistung` an. 2. Der Server startet das Rendering der passenden Route und holt Daten aus CMS, Datenbank oder API. 3. Er erzeugt das vollständige HTML samt Meta-Tags und JSON-LD. 4. Die Antwort geht mit dem passenden Statuscode — 200, 301 oder 404 — zurück. 5. Der Browser zeigt den Inhalt an und lädt nur das JavaScript nach, das für Interaktion nötig ist. Weil jede Anfrage Rechenzeit kostet, ist **Caching** wichtig. Antworten, die für viele Nutzer identisch sind, lassen sich am Edge zwischenspeichern; sie werden dann wie statische Seiten ausgeliefert. Modelle wie [Edge-Rendering](/glossar/edge-rendering) und [ISR](/glossar/isr) verwischen die Grenze zwischen SSR und statischer Auslieferung bewusst. Hier ergänzt ein [CDN](/glossar/cdn) die Rendering-Strategie. ## Warum ist SSR für Suche und KI wichtig? Googles Crawler kann JavaScript ausführen, tut das aber in einem zweiten, zeitversetzten Schritt und mit Ressourcengrenzen. Viele andere Bots — darunter ein großer Teil der KI-Crawler — führen JavaScript gar nicht aus. Sie lesen, was im ersten Response steht. Ohne serverseitiges HTML fehlen ihnen Texte, Preise, FAQ und Schema-Markup; deine Seite existiert für sie praktisch nicht. Darauf baut die [Extrahierbarkeit](/glossar/extrahierbarkeit) auf: Antwortsysteme zitieren nur, was sie sauber aus dem Dokument ziehen können. Dazu kommt der Performance-Effekt. Wenn der größte Inhaltsblock schon im HTML steht, verbessert sich der [LCP](/glossar/lcp), weil nicht erst Skripte laden und rendern müssen. Auch korrekte Statuscodes — echte 404 statt [Soft-404](/glossar/soft-404) — gehören zu SSR. ## Wann lohnt sich SSR, wann nicht? **Sinnvoll:** Kundenbereiche, Seiten mit personalisierten Inhalten, Preise oder Verfügbarkeiten in Echtzeit, Inhalte mit Cookie- oder Geo-Abhängigkeit, Berichte, die pro Token anders aussehen. **Überdimensioniert:** Klassische Marketing-, Themen- und Glossarseiten. Sie ändern sich selten und sehen für alle gleich aus. Hier ist [SSG](/glossar/ssg) günstiger, schneller und robuster. **Gefährlich:** Reines Client-Rendering für Inhalte, die gefunden und zitiert werden sollen. ## Wie setzt Modern Stack SSR ein? Wir kombinieren die Modelle pro Route mit [Next.js](/glossar/nextjs). Öffentliche Inhaltsseiten sind statisch oder per ISR erzeugt, dynamische Bereiche laufen serverseitig. In beiden Fällen kommt vollständiges HTML an, inklusive JSON-LD, korrekter Canonicals und Statuscodes. Zusätzlich liefern Inhaltsseiten bei `Accept: text/markdown` eine Markdown-Variante aus, siehe [Markdown-Negotiation](/glossar/markdown-negotiation). Wer von einer pagebuilder-lastigen [WordPress](/glossar/wordpress)-Webseite kommt, merkt den Unterschied vor allem an Ladezeit und an Seiten, die endlich auch ohne Skript lesbar sind. Die Entscheidungslogik dahinter beschreibt [SSR/SSG-Stack](/themen/ssr-ssg-stack); den Überblick gibt [Webarchitektur im KI-Zeitalter](/themen/webarchitektur-ki-zeitalter). ## Verwandte Themen - [SSG](/glossar/ssg) - [Next.js](/glossar/nextjs) - [Crawlability](/glossar/crawlability) - [Webseite-Modernisierung](/themen/website-modernisierung) - [SSR/SSG-Stack](/themen/ssr-ssg-stack) - [CDN](/glossar/cdn) - [Core Web Vitals](/glossar/core-web-vitals) - [Extrahierbarkeit](/glossar/extrahierbarkeit) - [Hydration](/glossar/hydration) - [LCP](/glossar/lcp) - [Edge-Rendering](/glossar/edge-rendering) - [Headless CMS](/glossar/headless-cms) - [Webarchitektur im KI-Zeitalter](/themen/webarchitektur-ki-zeitalter) - [WordPress im KI-Zeitalter](/themen/wordpress-ki-zeitalter) - [Markdown-Negotiation](/glossar/markdown-negotiation) ## Quellen - [web.dev — Rendering on the Web](https://web.dev/articles/rendering-on-the-web) — Google web.dev; Vergleicht Server-, statisches und Client-Rendering inklusive Trade-offs. - [Google — JavaScript SEO basics](https://developers.google.com/search/docs/crawling-indexing/javascript/javascript-seo-basics) — Google Search Central; Erläutert, wie Google JavaScript rendert und warum serverseitiges HTML robuster ist. - [Next.js — Documentation](https://nextjs.org/docs) — Next.js; Herstellerdokumentation zu Server Components, Rendering und Caching. - [SSR/SSG-Stack](https://modern-stack.de/themen/ssr-ssg-stack) — Modern Stack; Praxis, wie wir Rendering-Modelle für Marketing-Webseiten kombinieren. ## FAQ ### Wann nehme ich SSR, wann SSG? Inhalte, die für alle gleich sind und sich selten ändern, rendern wir statisch (SSG) oder mit ISR. SSR nehmen wir, wenn das HTML vom Nutzer, von Cookies oder von Live-Daten abhängt. In beiden Fällen kommt fertiges HTML beim Client an. ### Ist SSR gleichbedeutend mit Next.js? Nein. Next.js ist ein Framework, das SSR bequem macht. Das Prinzip gibt es seit den Anfängen des Webs — klassische PHP-Seiten sind auch servergerendert. Entscheidend ist, dass das HTML fertig und sauber ankommt. ### Reicht Google, JavaScript auszuführen — brauche ich SSR dann überhaupt? Google rendert JavaScript, aber zeitversetzt und mit Grenzen. Viele KI-Crawler führen gar kein JavaScript aus. Wer Inhalte nur clientseitig erzeugt, riskiert Lücken in Index und KI-Antworten. ## Related - [SSR/SSG-Stack](https://modern-stack.de/themen/ssr-ssg-stack) - [Webseite-Modernisierung](https://modern-stack.de/themen/website-modernisierung) - [SSG](https://modern-stack.de/glossar/ssg) - [Next.js](https://modern-stack.de/glossar/nextjs) - [Crawlability](https://modern-stack.de/glossar/crawlability) - [Hydration](https://modern-stack.de/glossar/hydration) - [Edge Rendering](https://modern-stack.de/glossar/edge-rendering) - [Headless CMS](https://modern-stack.de/glossar/headless-cms) - [LCP](https://modern-stack.de/glossar/lcp) - [Extrahierbarkeit](https://modern-stack.de/glossar/extrahierbarkeit) - [CDN](https://modern-stack.de/glossar/cdn) - [Core Web Vitals](https://modern-stack.de/glossar/core-web-vitals) - [Markdown-Negotiation](https://modern-stack.de/glossar/markdown-negotiation) - [WordPress im KI-Zeitalter — 10 Gründe, warum der Monolith nicht mehr zeitgemäß ist](https://modern-stack.de/themen/wordpress-ki-zeitalter) - [Webarchitektur im KI-Zeitalter — vom CMS-Monolithen zum reaktiven Full-Stack](https://modern-stack.de/themen/webarchitektur-ki-zeitalter) ## Inline Entity Mentions - [[entity:hydration]] → https://modern-stack.de/themen/hydration - [[entity:crawlability]] → https://modern-stack.de/themen/crawlability - [[entity:ssg]] → https://modern-stack.de/themen/ssg - [[entity:isr]] → https://modern-stack.de/themen/isr - [[entity:edge-rendering]] → https://modern-stack.de/themen/edge-rendering - [[entity:cdn]] → https://modern-stack.de/themen/cdn - [[entity:extrahierbarkeit]] → https://modern-stack.de/themen/extrahierbarkeit - [[entity:lcp]] → https://modern-stack.de/themen/lcp - [[entity:soft-404]] → https://modern-stack.de/themen/soft-404 - [[entity:nextjs]] → https://modern-stack.de/themen/nextjs - [[entity:markdown-negotiation]] → https://modern-stack.de/themen/markdown-negotiation - [[entity:wordpress]] → https://modern-stack.de/themen/wordpress - [[entity:ssr-ssg-stack]] → https://modern-stack.de/themen/ssr-ssg-stack - [[entity:webarchitektur-ki-zeitalter]] → https://modern-stack.de/themen/webarchitektur-ki-zeitalter - [[entity:website-modernisierung]] → https://modern-stack.de/themen/website-modernisierung - [[entity:core-web-vitals]] → https://modern-stack.de/themen/core-web-vitals - [[entity:headless-cms]] → https://modern-stack.de/themen/headless-cms - [[entity:wordpress-ki-zeitalter]] → https://modern-stack.de/themen/wordpress-ki-zeitalter ## Strukturierte Daten ```json { "@context": "https://schema.org", "@graph": [ { "@type": "WebSite", "@id": "https://modern-stack.de/#website", "url": "https://modern-stack.de", "name": "Modern Stack", "description": "Wir modernisieren bestehende Unternehmenswebseiten — schneller, klarer und besser lesbar für Suche und KI. Inhalte bleiben. Ab 500 €.", "publisher": { "@id": "https://modern-stack.de/#organization" }, "inLanguage": "de-DE" }, { "@type": [ "Organization", "ProfessionalService" ], "@id": "https://modern-stack.de/#organization", "name": "Modern Stack", "legalName": "Modern Stack", "url": "https://modern-stack.de", "logo": "https://modern-stack.de/brand/logo.png", "email": "info@modern-stack.de", "telephone": "+4915225317285", "sameAs": [ "https://www.google.com/search?kgmid=/g/11p1mc1kq_&q=Modern+Stack", "https://stevebaka.de", "https://www.linkedin.com/in/steve-baka/", "https://www.mallorca-expats.de" ], "foundingLocation": { "@type": "Place", "name": "Bad Schönborn, Deutschland" }, "address": { "@type": "PostalAddress", "streetAddress": "Glöckelsberg 13/2", "postalCode": "76669", "addressLocality": "Bad Schönborn", "addressRegion": "Baden-Württemberg", "addressCountry": "DE" }, "geo": { "@type": "GeoCoordinates", "latitude": 49.22167, "longitude": 8.65734 }, "areaServed": [ { "@type": "Place", "name": "Bad Schönborn", "url": "https://modern-stack.de/regionen/bad-schoenborn" }, { "@type": "Place", "name": "Mingolsheim", "alternateName": "Bad Mingolsheim", "url": "https://modern-stack.de/regionen/mingolsheim" }, { "@type": "Place", "name": "Langenbrücken", "alternateName": "Bad Langenbrücken", "url": "https://modern-stack.de/regionen/langenbruecken" }, { "@type": "Country", "name": "DE" }, { "@type": "Country", "name": "AT" }, { "@type": "Country", "name": "CH" } ], "knowsAbout": [ "Webseite-Modernisierung", "WordPress-Migration", "Generative Engine Optimization", "Lokale Sichtbarkeit Bad Schönborn" ], "founder": { "@id": "https://modern-stack.de/#person" } }, { "@type": "Person", "@id": "https://modern-stack.de/#person", "name": "Steve Baka", "jobTitle": "Gründer, Modern Stack", "url": "https://stevebaka.de", "email": "info@modern-stack.de", "telephone": "+4915225317285", "sameAs": [ "https://stevebaka.de", "https://www.linkedin.com/in/steve-baka/", "https://www.mallorca-expats.de", "https://geo-seo-aio.de" ], "worksFor": { "@id": "https://modern-stack.de/#organization" }, "knowsAbout": [ "Webseite-Modernisierung", "Generative Engine Optimization", "AI Search", "WordPress Migration", "Knowledge Graph", "Lokale Sichtbarkeit D-A-CH" ] }, { "@type": "WebPage", "@id": "https://modern-stack.de/glossar/ssr#webpage", "url": "https://modern-stack.de/glossar/ssr", "name": "SSR erklärt — Server-Side Rendering und KI-Sichtbarkeit | Modern Stack", "description": "Was Server-Side Rendering ist, wie es funktioniert, wann es gegenüber SSG und Client-Rendering gewinnt und warum Crawler und KI-Assistenten davon profitieren.", "isPartOf": { "@id": "https://modern-stack.de/#website" }, "about": { "@id": "https://modern-stack.de/glossar/ssr#main" }, "breadcrumb": { "@id": "https://modern-stack.de/glossar/ssr#breadcrumb" }, "dateModified": "2026-10-06T18:00:00+00:00", "inLanguage": "de-DE" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/ssr#main", "name": "SSR erklärt — Server-Side Rendering und KI-Sichtbarkeit", "headline": "SSR erklärt — Server-Side Rendering und KI-Sichtbarkeit", "alternateName": "SSR", "description": "SSR (Server-Side Rendering) erzeugt das HTML einer Seite auf dem Server pro Anfrage, statt es dem Browser per JavaScript zusammenbauen zu lassen. Crawler, Assistenten und Nutzer erhalten den Inhalt sofort im ersten Response.", "abstract": [ { "@value": "SSR (Server-Side Rendering) erzeugt das HTML einer Seite auf dem Server pro Anfrage, statt es dem Browser per JavaScript zusammenbauen zu lassen. Crawler, Assistenten und Nutzer erhalten den Inhalt sofort im ersten Response.", "@language": "de" }, { "@value": "SSR (Server-Side Rendering) generates a page's HTML on the server per request instead of letting the browser assemble it with JavaScript. Crawlers, assistants and users get the content in the very first response.", "@language": "en" } ], "url": "https://modern-stack.de/glossar/ssr", "inLanguage": [ "de-DE", "en" ], "datePublished": "2026-08-31T18:00:00+00:00", "dateModified": "2026-10-06T18:00:00+00:00", "author": { "@id": "https://modern-stack.de/#person" }, "publisher": { "@id": "https://modern-stack.de/#organization" }, "mainEntityOfPage": { "@id": "https://modern-stack.de/glossar/ssr#webpage" }, "speakable": { "@type": "SpeakableSpecification", "cssSelector": [ ".gb-direct-answer", ".gb-faq-answer" ] }, "encoding": { "@type": "MediaObject", "encodingFormat": "text/markdown", "name": "English direct answer", "text": "Server-Side Rendering produces complete HTML on the server for each request, so the first response already contains the content. This helps crawlers and AI agents that run little or no JavaScript, and it improves first paint. SSR suits personalised or fast-changing pages; static pages are cheaper with SSG." }, "citation": [ "https://web.dev/articles/rendering-on-the-web", "https://developers.google.com/search/docs/crawling-indexing/javascript/javascript-seo-basics", "https://nextjs.org/docs", "https://modern-stack.de/themen/ssr-ssg-stack" ], "mentions": [ { "@type": "Article", "@id": "https://modern-stack.de/themen/ssr-ssg-stack#main", "name": "SSR/SSG-Stack", "alternateName": "SSR/SSG stack", "url": "https://modern-stack.de/themen/ssr-ssg-stack" }, { "@type": "Thing", "@id": "https://modern-stack.de/themen/website-modernisierung#main", "name": "Webseite-Modernisierung", "alternateName": "Website modernization", "url": "https://modern-stack.de/themen/website-modernisierung" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/ssg#main", "name": "SSG", "alternateName": "Static Site Generation", "url": "https://modern-stack.de/glossar/ssg" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/nextjs#main", "name": "Next.js", "alternateName": "Next.js", "url": "https://modern-stack.de/glossar/nextjs" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/crawlability#main", "name": "Crawlability", "alternateName": "Crawlability", "url": "https://modern-stack.de/glossar/crawlability" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/hydration#main", "name": "Hydration", "alternateName": "Hydration", "url": "https://modern-stack.de/glossar/hydration" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/edge-rendering#main", "name": "Edge Rendering", "alternateName": "Edge rendering", "url": "https://modern-stack.de/glossar/edge-rendering" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/headless-cms#main", "name": "Headless CMS", "alternateName": "Headless CMS", "url": "https://modern-stack.de/glossar/headless-cms" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/lcp#main", "name": "LCP", "alternateName": "Largest Contentful Paint", "url": "https://modern-stack.de/glossar/lcp" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/extrahierbarkeit#main", "name": "Extrahierbarkeit", "alternateName": "Extractability", "url": "https://modern-stack.de/glossar/extrahierbarkeit" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/cdn#main", "name": "CDN", "alternateName": "Content Delivery Network", "url": "https://modern-stack.de/glossar/cdn" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/core-web-vitals#main", "name": "Core Web Vitals", "alternateName": "Core Web Vitals", "url": "https://modern-stack.de/glossar/core-web-vitals" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/markdown-negotiation#main", "name": "Markdown-Negotiation", "alternateName": "Markdown negotiation", "url": "https://modern-stack.de/glossar/markdown-negotiation" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/wordpress-ki-zeitalter#main", "name": "WordPress im KI-Zeitalter — 10 Gründe, warum der Monolith nicht mehr zeitgemäß ist", "alternateName": "WordPress in the AI era — 10 reasons the monolith is no longer fit", "url": "https://modern-stack.de/themen/wordpress-ki-zeitalter" }, { "@type": "Article", "@id": "https://modern-stack.de/themen/webarchitektur-ki-zeitalter#main", "name": "Webarchitektur im KI-Zeitalter — vom CMS-Monolithen zum reaktiven Full-Stack", "alternateName": "Web architecture in the AI era — from CMS monoliths to reactive full-stack", "url": "https://modern-stack.de/themen/webarchitektur-ki-zeitalter" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/isr#main", "name": "ISR", "alternateName": "Incremental Static Regeneration", "url": "https://modern-stack.de/glossar/isr" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/soft-404#main", "name": "Soft 404", "alternateName": "Soft 404", "url": "https://modern-stack.de/glossar/soft-404" }, { "@type": "DefinedTerm", "@id": "https://modern-stack.de/glossar/wordpress#main", "name": "WordPress", "alternateName": "WordPress", "url": "https://modern-stack.de/glossar/wordpress" } ], "hasOfferCatalog": { "@type": "OfferCatalog", "name": "Verwandte Leistungen", "itemListElement": [ { "@type": "ListItem", "position": 1, "item": { "@type": "Service", "@id": "https://modern-stack.de/themen/website-modernisierung#main", "name": "Webseite-Modernisierung", "url": "https://modern-stack.de/themen/website-modernisierung", "provider": { "@id": "https://modern-stack.de/#organization" } } } ] }, "isPartOf": { "@id": "https://modern-stack.de/themen/website-modernisierung#main" }, "inDefinedTermSet": "https://modern-stack.de/glossar" }, { "@type": "BreadcrumbList", "@id": "https://modern-stack.de/glossar/ssr#breadcrumb", "itemListElement": [ { "@type": "ListItem", "position": 1, "name": "Startseite", "item": "https://modern-stack.de/" }, { "@type": "ListItem", "position": 2, "name": "Glossar", "item": "https://modern-stack.de/glossar" }, { "@type": "ListItem", "position": 3, "name": "SSR", "item": "https://modern-stack.de/glossar/ssr" } ] }, { "@type": "FAQPage", "@id": "https://modern-stack.de/glossar/ssr#faq", "mainEntity": [ { "@type": "Question", "name": "Wann nehme ich SSR, wann SSG?", "acceptedAnswer": { "@type": "Answer", "text": "Inhalte, die für alle gleich sind und sich selten ändern, rendern wir statisch (SSG) oder mit ISR. SSR nehmen wir, wenn das HTML vom Nutzer, von Cookies oder von Live-Daten abhängt. In beiden Fällen kommt fertiges HTML beim Client an." } }, { "@type": "Question", "name": "Ist SSR gleichbedeutend mit Next.js?", "acceptedAnswer": { "@type": "Answer", "text": "Nein. Next.js ist ein Framework, das SSR bequem macht. Das Prinzip gibt es seit den Anfängen des Webs — klassische PHP-Seiten sind auch servergerendert. Entscheidend ist, dass das HTML fertig und sauber ankommt." } }, { "@type": "Question", "name": "Reicht Google, JavaScript auszuführen — brauche ich SSR dann überhaupt?", "acceptedAnswer": { "@type": "Answer", "text": "Google rendert JavaScript, aber zeitversetzt und mit Grenzen. Viele KI-Crawler führen gar kein JavaScript aus. Wer Inhalte nur clientseitig erzeugt, riskiert Lücken in Index und KI-Antworten." } } ] }, { "@type": "Service", "@id": "https://modern-stack.de/themen/website-modernisierung#main", "name": "Webseite-Modernisierung", "alternateName": "Website modernization", "url": "https://modern-stack.de/themen/website-modernisierung", "description": "Was Webseite-Modernisierung bei Modern Stack bedeutet: bestehende WordPress- und Baukasten-Webseiten auf einen modernen Web-Stack bringen — Inhalte behalten, Technik erneuern, bereit für Google und KI-Suche.", "provider": { "@id": "https://modern-stack.de/#organization" }, "areaServed": [ { "@type": "Place", "name": "Bad Schönborn", "url": "https://modern-stack.de/regionen/bad-schoenborn" }, { "@type": "Place", "name": "Mingolsheim", "alternateName": "Bad Mingolsheim", "url": "https://modern-stack.de/regionen/mingolsheim" }, { "@type": "Place", "name": "Langenbrücken", "alternateName": "Bad Langenbrücken", "url": "https://modern-stack.de/regionen/langenbruecken" }, { "@type": "Country", "name": "DE" }, { "@type": "Country", "name": "AT" }, { "@type": "Country", "name": "CH" } ] } ] } ```