Skip to content
2.6Advanced8 min

Next.js 15 SEO Architecture: SSR, PPR and Server Components

Lucas Blochberger··Updated 11 June 2026
Definition

Next.js 15 App Router with React Server Components and experimental Partial Prerendering (PPR) provides the optimal SEO architecture for AI visibility: server-rendered components ship zero client JavaScript, PPR delivers a static shell from CDN while dynamic content streams as HTML.

Key Takeaways

  • ✓App Router is preferable to Pages Router for new SEO work
  • ✓Server Components send zero client JavaScript — ideal for AI crawlers
  • ✓PPR pre-renders static shell at build, streams dynamic content as HTML
  • ✓Metadata API offers type-safe, hierarchical metadata with auto-deduplication
  • ✓sitemap.ts and robots.ts replace third-party plugins
  • ✓metadataBase is critical — without it, OG image URLs become relative
  • ✓View Transitions API has zero crawlability impact

Next.js 15 is the preferred framework architecture for SEO and AI visibility — provided you use the App Router correctly.

App Router vs. Pages Router

The App Router should be preferred over the Pages Router for all new SEO work. Its Metadata API (generateMetadata, metadata export) offers type-safe, hierarchical metadata with automatic deduplication. File conventions sitemap.ts and robots.ts replace third-party plugins. Critical: set metadataBase — without it, Open Graph image URLs become relative and social platforms cannot retrieve them.

Partial Prerendering (PPR)

PPR is still experimental in Next.js 15, but the most promising rendering innovation. It pre-renders a static HTML shell at build time while Suspense boundary gaps remain open for dynamic content that streams as HTML at request time. The static shell is served immediately from the CDN (improves TTFB and LCP), while streamed content as HTML — not client JavaScript — is visible to all crawlers.

View Transitions API

The View Transitions API achieved Baseline Newly Available in October 2025. It has zero impact on crawlability — transitions are purely visual CSS animations, invisible to crawlers. Next.js 15.2+ offers experimental integration via experimental.viewTransition: true.

Data & Statistics

Keiner der sechs großen KI-Crawler (GPTBot, ClaudeBot, Meta-ExternalAgent, PerplexityBot, Bytespider) rendert JavaScript; ChatGPT ruft 11,50 % und Claude 23,84 % der JS-Dateien ab, führt sie aber nicht aus

Vercel - The rise of the AI crawler [international] (2025)

GPTBot, Claude, AppleBot und PerplexityBot zusammen ~1,3 Mrd. Fetches/Monat, etwas mehr als 28 % von Googlebots 4,5 Mrd. Fetches/Monat

Vercel Blog - The rise of the AI crawler [international] (2025)

Google brauchte für JavaScript-gerenderte Seiten 313 Stunden gegenüber 36 Stunden für reines HTML (rund 9-mal so lange)

Onely - Google Needs 9X More Time To Crawl JS Than HTML [international] (2022)

Googlebot crawlt nur noch die ersten 2 MB pro Ressource statt zuvor 15 MB (Reduktion um 86,7 %)

PPC Land - Google slashes web crawl limit by 86.7% as cost pressures mount [international] (2026)

31,02 % der mehrsprachigen Websites enthalten widersprüchliche hreflang-Direktiven; 16,04 % der hreflang-Cluster ohne selbstreferenzierende Tags

Search Engine Land - Study: 31% of international websites contain hreflang errors (Dan Taylor, SALT.agency) [international] (2023)

JSON-LD ist 2024 auf 41 % aller Seiten verbreitet, plus 7 Prozentpunkte gegenüber 34 % im Jahr 2022

Web Almanac 2024 (HTTP Archive) - Structured Data [international] (2024)

Google hält in Österreich im Mai 2026 einen Suchmaschinen-Marktanteil von 81,87 %, Bing 9,01 %

StatCounter Global Stats - Search Engine Market Share Austria [Österreich] (2026)

IndexNow liefert 18 % aller geklickten neuen URLs in der Websuche; über 3,5 Mrd. URLs/Tag eingereicht

Bing Webmaster Blog - IndexNow Expands Adoption Across Industries [international] (2024)

48 % der mobilen und 56 % der Desktop-Origins bestehen alle drei Core Web Vitals; mobil LCP 62 %, INP 77 %, CLS 81 % im grünen Bereich (CrUX, Juli 2025)

Web Almanac 2025 (HTTP Archive) - Performance [international] (2025)

2024 hatten nur 43 % der mobilen Sites gute CWV unter INP gegenüber 48 % unter dem alten FID; INP ersetzte FID als Core Web Vital (März 2024)

Web Almanac 2024 (HTTP Archive) - Performance [international] (2024)

Next.js wird von 59 % der Befragten genutzt, bei 21 % positiver gegenüber 17 % negativer Stimmung

InfoQ - State of JavaScript Survey 2025 [international] (2026)

FAQ

Why is Server-Side Rendering in Next.js 15 important for AI crawlers?
Because none of the six major AI crawlers (GPTBot, ClaudeBot, Meta-ExternalAgent, PerplexityBot, Bytespider) execute JavaScript. While Claude fetches 23.84% of JS files, it does not execute them. Only server-rendered HTML, as delivered by SSG, SSR and PPR, is fully readable for these crawlers. Client-side loaded content remains invisible to them.
What is Partial Prerendering (PPR) and how does it help SEO?
PPR combines static and dynamic rendering in a single route. A static shell is prerendered at build time and served from the CDN, which reduces TTFB and LCP. Dynamic parts within Suspense boundaries are streamed server-side as HTML. Since the streamed content is HTML and not client-side JavaScript, AI crawlers without JS execution also receive the complete content.
App Router or Pages Router for SEO in Next.js 15?
For new projects, the App Router is preferable. It brings React Server Components (zero client JavaScript for their logic, better for INP and crawl budget), the type-safe Metadata API, and convention-based files like sitemap.ts and robots.ts. PPR is exclusively available in the App Router.
How do I correctly implement hreflang for Austria and the DACH region in Next.js?
Via the alternates.languages field of the Metadata API, you output de-AT, de-DE and x-default. It is important that each language variant references itself and all others. An international study found that 31.02% of multilingual websites have conflicting hreflang directives and 16.04% of clusters lack self-referencing tags, so avoid precisely these two errors.
Which rendering strategy does each route need in Next.js 15?
Basic rule: as static as possible, as dynamic as necessary. Content pages such as KB articles, blog and service pages belong on SSG or ISR. Personalized or real-time pages use SSR or PPR with tightly scoped Suspense boundaries, so that the SEO-relevant static shell is preserved and only truly dynamic parts stream.
Why is metadataBase so important in Next.js?
Without metadataBase, the Metadata API generates relative URLs for Open Graph and Twitter images. Crawlers and social platforms often cannot correctly resolve relative image URLs, causing preview images to break. metadataBase defines the absolute base URL and is therefore mandatory for valid OG tags.
What role does Googlebot's 2 MB crawl limit play for Next.js?
Googlebot now only crawls the first 2 MB per resource, a reduction of 86.7% compared to the previous 15 MB. The limit applies to HTML, JavaScript and CSS individually. Bloated client bundles risk being cut off. Server Components and code splitting keep bundles small and thus within the limit.

How does your website perform?

Get a free, AI-powered SEO report of your website by email – technical SEO, on-page, keywords & competitors. No obligation.

Get a free SEO audit →
Previous← JavaScript Rendering and AI Crawlers: The Visibility DivideNextCrawl Budget 2026: Multi-Bot Governance for AI Crawlers →