| name | rendering-modes-and-seo |
| description | Use when choosing rendering strategy (SSR, SSG, CSR, ISR). Wrong choice = unindexable content.
|
Rendering Modes and SEO
SSR/SSG: server-rendered HTML, indexable. CSR: client-rendered, Google may not index. Hybrid: SSG + client hydration is the modern default.
Rendering mode comparison
| Mode | When HTML rendered | SEO impact |
|---|
| SSG (Static Site Generation) | Build time | Best — fully indexable |
| SSR (Server-Side Rendering) | Per request | Good — indexable |
| ISR (Incremental Static Regen) | Cached + rebuilt | Good — indexable |
| CSR (Client-Side Rendering) | Browser only | Poor — Google may not index |
| Hybrid (SSG + hydration) | Mix | Best — modern default |
Framework recommendations
- Astro — SSG-first, zero-JS by default (best for editorial sites)
- Next.js — SSR, SSG, ISR — versatile
- SvelteKit — SSR + SSG
- Remix — SSR-first
- Plain HTML + CSS — fastest, simplest SSG
- React SPA — avoid for SEO-critical pages
Testing rendering
- View Source: confirm HTML has content (not just
<div id='root'></div>)
- Disable JS in browser, reload — content still visible?
- Mobile-Friendly Test: Google's tool simulates Googlebot
- Search Console Inspect URL: see what Google actually sees
- JS rendering: enable JS in Inspect URL to compare
Where this fits in the X3 empire
Rendering choice for CardPrepAI: SSG (Cloudflare Pages) + select Workers SSR.