---
title: "SSR/SSG-Stack"
title_en: "SSR/SSG stack"
description: "Warum servergerendertes und statisch generiertes HTML die Basis für Performance, Crawlability und KI-Extraktion ist — und warum eine reine React-SPA für Marketingseiten meist nicht reicht."
description_en: "Why SSR/SSG HTML is the foundation for performance, crawlability and AI extraction — and why a client-only React SPA is usually not enough for marketing sites."
summary_en: "Why SSR/SSG HTML is the foundation for performance, crawlability and AI extraction — and why a client-only React SPA is usually not enough for marketing sites."
direct_answer_en: "Growing Brands modernizes to SSR/SSG stacks (typically Next.js) so crawlers and AI systems receive finished HTML without executing heavy client JavaScript."
url: "https://growing-brands.de/themen/ssr-ssg-stack"
type: "topic"
kind: "concept"
language: de-DE
updated_at: "2026-08-31T19:00:00+00:00"
---

# SSR/SSG-Stack

## English Abstract

Why SSR/SSG HTML is the foundation for performance, crawlability and AI extraction — and why a client-only React SPA is usually not enough for marketing sites.

## Quick Answer (EN)

Growing Brands modernizes to SSR/SSG stacks (typically Next.js) so crawlers and AI systems receive finished HTML without executing heavy client JavaScript.

## Key Takeaways (EN)

- SSR/SSG ships core content as HTML, not after JS.
- SPA-only is risky for GEO and many crawlers.
- Next.js is the typical target stack.
- Less hydration improves INP.
- ISR/edge complement — they do not replace HTML-first delivery.

## English Summary

SSR and SSG deliver finished HTML for crawlers and generative extractors. Growing Brands migrates marketing sites off client-only shells to Next.js so Core Web Vitals and GEO extractability improve together.


## Quick Answer

**SSR/SSG-Stack:** Warum servergerendertes und statisch generiertes HTML die Basis für Performance, Crawlability und KI-Extraktion ist — und warum eine reine React-SPA für Marketingseiten meist nicht reicht.

> Zitierfähigkeit entsteht, wenn Definition, Struktur und klare nächste Schritte zusammenkommen.
> Steve Baka

## Key Takeaways

- SSR/SSG = Kerninhalt als HTML, nicht erst nach JS.
- SPA-only ist für GEO und viele Crawler riskant.
- [Next.js](/glossar/nextjs) ist der typische Zielstack.
- Weniger Hydration = besseres INP.
- ISR/Edge ergänzen, ersetzen aber keine klare HTML-Basis.

## SSR und SSG statt Client-Only

[SSR](/glossar/ssr) und [SSG](/glossar/ssg) liefern fertiges HTML. Das verbessert [Crawlability](/glossar/crawlability), [Extrahierbarkeit](/glossar/extrahierbarkeit) und [Core Web Vitals](/glossar/core-web-vitals). Growing Brands modernisiert auf [Next.js](/glossar/nextjs) genau deshalb — Pillar [Website-Modernisierung](/themen/website-modernisierung).

## Warum scheitern reine SPAs an GEO?

Antwort-Engines und RAG-Pipelines brauchen Passagen. Wenn der erste HTML-Response leer ist, steigt das Risiko, übergangen zu werden — siehe [Next.js vs WordPress](/themen/nextjs-vs-wordpress-geo) und [GEO & AI-Sichtbarkeit](/themen/geo-ai-sichtbarkeit).

## Edge, ISR und Auslieferung

[Edge-Rendering](/glossar/edge-rendering) und [ISR](/glossar/isr) verkürzen Latenz und Aktualisierungswege. Sie ersetzen nicht die Architekturentscheidung „HTML zuerst“. [Hosting nach Migration](/themen/hosting-nach-migration) beschreibt den Betrieb ohne WordPress-Hosting.

## Was ändert sich für Redaktion und Technik?

Inhalte bleiben kanonisch im Catalog/MDX oder Headless — nicht in Pagebuilder-Shortcodes. Formulare und Conversion hängen als Module an: [Conversion & Anfragen](/themen/conversion-anfragen).

## Einstieg

Audit → Migration → CWV-Check → optional Knowledge Graph. Start: [Website-Modernisierung](/themen/website-modernisierung) oder [WordPress-Migration](/themen/wordpress-migration).

## Quellen

- [Website-Modernisierung](https://growing-brands.de/themen/website-modernisierung) — Growing Brands; Primärer Pillar Migration/Stack.
- [GEO & AI-Sichtbarkeit](https://growing-brands.de/themen/geo-ai-sichtbarkeit) — Growing Brands; GEO/AIO/AEO-Pillar.
- [GEO: Generative Engine Optimization (Aggarwal et al.)](https://arxiv.org/abs/2311.09735) — arXiv / KDD 2024; Wissenschaftliche Basis zu Visibility-Lifts.
- [Core Web Vitals](https://web.dev/articles/vitals) — web.dev / Google; Offizielle LCP/INP/CLS-Definition.

## FAQ

### Ist eine React-SPA genug?

Für Marketing und GEO meist nein. Viele Pipelines erwarten fertiges HTML; leere Client-Shells sind schlecht extrahierbar.

### Was ist der Unterschied zwischen SSR und SSG?

SSR rendert pro Request (oder Edge), SSG baut HTML vorab. Beides liefert fertiges Markup — im Gegensatz zu Client-only Rendering.

### Brauche ich ISR?

Optional. [[entity:isr|ISR]] aktualisiert statische Seiten ohne Full-Rebuild. Primär zählt sauberes HTML; ISR ist Feintuning.

### Wie hängt das mit Hydration zusammen?

Zu viel [[entity:hydration|Hydration]] belästigt INP. SSR/SSG erlauben interaktive Inseln statt die ganze Seite clientseitig zu booten.

### Wo hoste ich den Stack?

Typisch Edge-/App-Plattformen nach der Migration — siehe [[entity:hosting-nach-migration|Hosting nach Migration]] und [[entity:vercel|Vercel]].

## Related

- [Website-Modernisierung](https://growing-brands.de/themen/website-modernisierung)
- [SSR](https://growing-brands.de/glossar/ssr)
- [SSG](https://growing-brands.de/glossar/ssg)
- [Next.js](https://growing-brands.de/glossar/nextjs)
- [Core Web Vitals & Modernisierung](https://growing-brands.de/themen/core-web-vitals-modernisierung)
- [llms.txt für Agenten](https://growing-brands.de/themen/llms-txt-agenten)
- [Crawlability](https://growing-brands.de/glossar/crawlability)
- [Hydration](https://growing-brands.de/glossar/hydration)
- [Extrahierbarkeit](https://growing-brands.de/glossar/extrahierbarkeit)
- [Edge Rendering](https://growing-brands.de/glossar/edge-rendering)
- [ISR](https://growing-brands.de/glossar/isr)
- [Hosting nach der Migration](https://growing-brands.de/themen/hosting-nach-migration)

## Inline Entity Mentions

- [[entity:nextjs]] → https://growing-brands.de/themen/nextjs
- [[entity:ssr]] → https://growing-brands.de/themen/ssr
- [[entity:ssg]] → https://growing-brands.de/themen/ssg
- [[entity:crawlability]] → https://growing-brands.de/themen/crawlability
- [[entity:extrahierbarkeit]] → https://growing-brands.de/themen/extrahierbarkeit
- [[entity:core-web-vitals]] → https://growing-brands.de/themen/core-web-vitals
- [[entity:website-modernisierung]] → https://growing-brands.de/themen/website-modernisierung
- [[entity:nextjs-vs-wordpress-geo]] → https://growing-brands.de/themen/nextjs-vs-wordpress-geo
- [[entity:geo-ai-sichtbarkeit]] → https://growing-brands.de/themen/geo-ai-sichtbarkeit
- [[entity:edge-rendering]] → https://growing-brands.de/themen/edge-rendering
- [[entity:isr]] → https://growing-brands.de/themen/isr
- [[entity:hosting-nach-migration]] → https://growing-brands.de/themen/hosting-nach-migration
- [[entity:conversion-anfragen]] → https://growing-brands.de/themen/conversion-anfragen
- [[entity:wordpress-migration]] → https://growing-brands.de/themen/wordpress-migration

## Strukturierte Daten

```json
{
  "@context": "https://schema.org",
  "@graph": [
    {
      "@type": "WebSite",
      "@id": "https://growing-brands.de/#website",
      "url": "https://growing-brands.de",
      "name": "Growing Brands",
      "description": "Wir modernisieren bestehende Unternehmenswebsites — schneller, klarer und besser lesbar für Suche und KI. Inhalte bleiben. Ab 500 €.",
      "publisher": {
        "@id": "https://growing-brands.de/#organization"
      },
      "inLanguage": "de-DE"
    },
    {
      "@type": "Organization",
      "@id": "https://growing-brands.de/#organization",
      "name": "Growing Brands",
      "legalName": "Growing Brands",
      "url": "https://growing-brands.de",
      "logo": "https://growing-brands.de/brand/logo.png",
      "email": "info@growing-brands.de",
      "telephone": "+49 152 25317285",
      "sameAs": [
        "https://stevebaka.de",
        "https://www.linkedin.com/in/steve-baka/",
        "https://www.mallorca-expats.de"
      ],
      "areaServed": [
        {
          "@type": "Country",
          "name": "DE"
        },
        {
          "@type": "Country",
          "name": "AT"
        },
        {
          "@type": "Country",
          "name": "CH"
        }
      ],
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Glöckelsberg 13/2",
        "postalCode": "76669",
        "addressLocality": "Bad Schönborn",
        "addressCountry": "DE"
      },
      "founder": {
        "@id": "https://growing-brands.de/#person"
      }
    },
    {
      "@type": "Person",
      "@id": "https://growing-brands.de/#person",
      "name": "Steve Baka",
      "jobTitle": "Gründer, Growing Brands",
      "url": "https://stevebaka.de",
      "email": "steve@growing-brands.de",
      "telephone": "+49 152 25317285",
      "sameAs": [
        "https://stevebaka.de",
        "https://www.linkedin.com/in/steve-baka/",
        "https://www.mallorca-expats.de",
        "https://geo-seo-aio.de"
      ],
      "worksFor": {
        "@id": "https://growing-brands.de/#organization"
      },
      "knowsAbout": [
        "Website-Modernisierung",
        "Generative Engine Optimization",
        "AI Search",
        "WordPress Migration",
        "Knowledge Graph",
        "Lokale Sichtbarkeit D-A-CH"
      ]
    },
    {
      "@type": "WebPage",
      "@id": "https://growing-brands.de/themen/ssr-ssg-stack#webpage",
      "url": "https://growing-brands.de/themen/ssr-ssg-stack",
      "name": "SSR/SSG-Stack | Growing Brands",
      "description": "Warum servergerendertes und statisch generiertes HTML die Basis für Performance, Crawlability und KI-Extraktion ist — und warum eine reine React-SPA für Ma",
      "isPartOf": {
        "@id": "https://growing-brands.de/#website"
      },
      "about": {
        "@id": "https://growing-brands.de/themen/ssr-ssg-stack#main"
      },
      "breadcrumb": {
        "@id": "https://growing-brands.de/themen/ssr-ssg-stack#breadcrumb"
      },
      "dateModified": "2026-08-31T19:00:00+00:00",
      "inLanguage": "de-DE"
    },
    {
      "@type": "Article",
      "@id": "https://growing-brands.de/themen/ssr-ssg-stack#main",
      "name": "SSR/SSG-Stack",
      "headline": "SSR/SSG-Stack",
      "alternateName": "SSR/SSG stack",
      "description": "Warum servergerendertes und statisch generiertes HTML die Basis für Performance, Crawlability und KI-Extraktion ist — und warum eine reine React-SPA für Marketingseiten meist nicht reicht.",
      "abstract": [
        {
          "@value": "Warum servergerendertes und statisch generiertes HTML die Basis für Performance, Crawlability und KI-Extraktion ist — und warum eine reine React-SPA für Marketingseiten meist nicht reicht.",
          "@language": "de"
        },
        {
          "@value": "Why SSR/SSG HTML is the foundation for performance, crawlability and AI extraction — and why a client-only React SPA is usually not enough for marketing sites.",
          "@language": "en"
        }
      ],
      "url": "https://growing-brands.de/themen/ssr-ssg-stack",
      "inLanguage": [
        "de-DE",
        "en"
      ],
      "datePublished": "2026-08-31T19:00:00+00:00",
      "dateModified": "2026-08-31T19:00:00+00:00",
      "author": {
        "@id": "https://growing-brands.de/#person"
      },
      "publisher": {
        "@id": "https://growing-brands.de/#organization"
      },
      "mainEntityOfPage": {
        "@id": "https://growing-brands.de/themen/ssr-ssg-stack#webpage"
      },
      "speakable": {
        "@type": "SpeakableSpecification",
        "cssSelector": [
          ".gb-direct-answer",
          ".gb-faq-answer"
        ]
      },
      "encoding": {
        "@type": "MediaObject",
        "encodingFormat": "text/markdown",
        "name": "English direct answer",
        "text": "Growing Brands modernizes to SSR/SSG stacks (typically Next.js) so crawlers and AI systems receive finished HTML without executing heavy client JavaScript."
      },
      "citation": [
        "https://growing-brands.de/themen/website-modernisierung",
        "https://growing-brands.de/themen/geo-ai-sichtbarkeit",
        "https://arxiv.org/abs/2311.09735",
        "https://web.dev/articles/vitals"
      ],
      "mentions": [
        {
          "@type": "Thing",
          "name": "Website-Modernisierung",
          "alternateName": "Website modernization",
          "url": "https://growing-brands.de/themen/website-modernisierung"
        },
        {
          "@type": "Thing",
          "name": "SSR",
          "alternateName": "Server-Side Rendering",
          "url": "https://growing-brands.de/glossar/ssr"
        },
        {
          "@type": "Thing",
          "name": "SSG",
          "alternateName": "Static Site Generation",
          "url": "https://growing-brands.de/glossar/ssg"
        },
        {
          "@type": "Thing",
          "name": "Next.js",
          "alternateName": "Next.js",
          "url": "https://growing-brands.de/glossar/nextjs"
        },
        {
          "@type": "Thing",
          "name": "Core Web Vitals & Modernisierung",
          "alternateName": "Core Web Vitals and modernization",
          "url": "https://growing-brands.de/themen/core-web-vitals-modernisierung"
        },
        {
          "@type": "Thing",
          "name": "llms.txt für Agenten",
          "alternateName": "llms.txt for agents",
          "url": "https://growing-brands.de/themen/llms-txt-agenten"
        },
        {
          "@type": "Thing",
          "name": "Crawlability",
          "alternateName": "Crawlability",
          "url": "https://growing-brands.de/glossar/crawlability"
        },
        {
          "@type": "Thing",
          "name": "Hydration",
          "alternateName": "Hydration",
          "url": "https://growing-brands.de/glossar/hydration"
        },
        {
          "@type": "Thing",
          "name": "Extrahierbarkeit",
          "alternateName": "Extractability",
          "url": "https://growing-brands.de/glossar/extrahierbarkeit"
        },
        {
          "@type": "Thing",
          "name": "Edge Rendering",
          "alternateName": "Edge rendering",
          "url": "https://growing-brands.de/glossar/edge-rendering"
        },
        {
          "@type": "Thing",
          "name": "ISR",
          "alternateName": "Incremental Static Regeneration",
          "url": "https://growing-brands.de/glossar/isr"
        },
        {
          "@type": "Thing",
          "name": "Hosting nach der Migration",
          "alternateName": "Hosting after migration",
          "url": "https://growing-brands.de/themen/hosting-nach-migration"
        },
        {
          "@type": "Thing",
          "name": "Core Web Vitals",
          "alternateName": "Core Web Vitals",
          "url": "https://growing-brands.de/glossar/core-web-vitals"
        },
        {
          "@type": "Thing",
          "name": "Next.js vs WordPress in der KI-Suche",
          "alternateName": "Next.js vs WordPress for AI Search (GEO/AIO)",
          "url": "https://growing-brands.de/themen/nextjs-vs-wordpress-geo"
        },
        {
          "@type": "Thing",
          "name": "GEO & AI-Sichtbarkeit",
          "alternateName": "GEO and AI visibility",
          "url": "https://growing-brands.de/themen/geo-ai-sichtbarkeit"
        },
        {
          "@type": "Thing",
          "name": "Conversion & Anfragen",
          "alternateName": "Conversion and leads",
          "url": "https://growing-brands.de/themen/conversion-anfragen"
        },
        {
          "@type": "Thing",
          "name": "WordPress-Migration",
          "alternateName": "WordPress migration",
          "url": "https://growing-brands.de/themen/wordpress-migration"
        }
      ]
    },
    {
      "@type": "BreadcrumbList",
      "@id": "https://growing-brands.de/themen/ssr-ssg-stack#breadcrumb",
      "itemListElement": [
        {
          "@type": "ListItem",
          "position": 1,
          "name": "Startseite",
          "item": "https://growing-brands.de/"
        },
        {
          "@type": "ListItem",
          "position": 2,
          "name": "Themen",
          "item": "https://growing-brands.de/themen"
        },
        {
          "@type": "ListItem",
          "position": 3,
          "name": "Website-Modernisierung",
          "item": "https://growing-brands.de/themen/website-modernisierung"
        },
        {
          "@type": "ListItem",
          "position": 4,
          "name": "SSR/SSG-Stack",
          "item": "https://growing-brands.de/themen/ssr-ssg-stack"
        }
      ]
    },
    {
      "@type": "FAQPage",
      "@id": "https://growing-brands.de/themen/ssr-ssg-stack#faq",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "Ist eine React-SPA genug?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Für Marketing und GEO meist nein. Viele Pipelines erwarten fertiges HTML; leere Client-Shells sind schlecht extrahierbar."
          }
        },
        {
          "@type": "Question",
          "name": "Was ist der Unterschied zwischen SSR und SSG?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "SSR rendert pro Request (oder Edge), SSG baut HTML vorab. Beides liefert fertiges Markup — im Gegensatz zu Client-only Rendering."
          }
        },
        {
          "@type": "Question",
          "name": "Brauche ich ISR?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Optional. [[entity:isr|ISR]] aktualisiert statische Seiten ohne Full-Rebuild. Primär zählt sauberes HTML; ISR ist Feintuning."
          }
        },
        {
          "@type": "Question",
          "name": "Wie hängt das mit Hydration zusammen?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Zu viel [[entity:hydration|Hydration]] belästigt INP. SSR/SSG erlauben interaktive Inseln statt die ganze Seite clientseitig zu booten."
          }
        },
        {
          "@type": "Question",
          "name": "Wo hoste ich den Stack?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Typisch Edge-/App-Plattformen nach der Migration — siehe [[entity:hosting-nach-migration|Hosting nach Migration]] und [[entity:vercel|Vercel]]."
          }
        }
      ]
    }
  ]
}
```