Skip to content

Rendering Strategies

SSR, SSG, ISR, streaming, islands, partial hydration, resumability — the full spectrum of rendering strategies and when each wins. How streaming SSR works at the wire level, why islands reduce JavaScript, how ISR invalidation propagates, and the decision framework for choosing the right strategy.

1
SSR vs SSG vs CSR Tradeoffs
advanced

A decision framework for choosing between server-side rendering, static site generation, and client-side rendering based on your data, users, and performance requirements.

14 min read
2
Streaming SSR and Progressive Rendering
advanced

How React 18+ streaming SSR works at the wire level, how Suspense boundaries control chunked transfer, and how Next.js 15 uses streaming to deliver instant perceived performance.

15 min read
3
Incremental Static Regeneration
advanced

How ISR regenerates static pages in the background, the mechanics of time-based and on-demand revalidation, and the stale-while-revalidate pattern that powers it.

13 min read
4
Island Architecture and Partial Hydration
advanced

How Astro's islands architecture ships zero JavaScript by default, selectively hydrates interactive components, and why this pattern fundamentally changes the performance equation for content sites.

14 min read
5
Hydration Cost and Alternatives
advanced

Why hydration is the single most expensive client-side operation in modern frameworks, how resumability eliminates it entirely, and where progressive hydration fits in the spectrum.

15 min read
6
React Server Components Wire Format
advanced

How React Server Components communicate between server and client via the Flight protocol, what the streaming wire format looks like, and how data flows through RSC payloads.

16 min read
7
Choosing the Right Rendering Strategy
advanced

A comprehensive decision tree for choosing between SSG, SSR, ISR, streaming, islands, RSC, and resumability based on your data requirements, performance targets, and user experience goals.

14 min read