Compare different rendering approaches across key metrics
| Technique | Introduced | Initial Speed | SEO Performance | Dynamic Content | Server Load | Use Cases | Key Trade-offs |
|---|---|---|---|---|---|---|---|
CSR Client-Side Rendering | Traditional | Remix 2.17.2 | TanStack Start 1.0 RC | Slow | Poor | High | Low | SPAs, Games, Dashboards | Poor initial SEO/TTFB; high client CPU. |
SSR Server-Side Rendering | Traditional | Remix 2.17.2 | TanStack Start 1.0 RC | Fast | Great | Medium | High | E-commerce, Profiles, Real-time data | Higher server load/latency per request. |
SSG Static Site Generation | Next.js 9 | Remix 2.0 (via cache) | TanStack Start 1.0 RC | Fast | Great | Low | None | Blogs, Docs, Marketing | Stale data until rebuild. |
ISR Incremental Static Regeneration | Next.js 9.5 | Remix 2.0 (via cache) | TanStack Start 1.0 RC (custom) | Fast | Great | Medium | Low | Catalogs, News, Product listings | Brief staleness; revalidation overhead. |
RSC React Server Components | Next.js 13 | Remix 2.17.2 | TanStack Start 1.0 RC (planned) | Optimal | Great | High | Balanced | Modern apps, Data-heavy, Secure apps | Interactivity split; hydration step. |
STREAMING Streaming | Next.js 13 | Remix 1.15 | TanStack Start 1.0 RC | Fast | Good | High | Medium | Dashboards, Real-time, Progressive apps | Incremental UI; fallback UX needed. |
PPR Partial Prerendering | Next.js 14.1 | Remix N/A | TanStack Start N/A | Optimal | Great | High | Balanced | Hybrid apps, Optimal perf, Modern pages | Suspense complexity; browser buffering delays. |
Use SSG for content that doesn't change often
Use SSR for real-time or user-specific content
Use ISR, RSC, or PPR for optimal performance. Can mix strategies per-page.