Comparisons

Server-Side vs Client-Side vs Static

Venn Diagrams · made in Skemio

A 3-set Venn diagram showing SSR, CSR, and SSG rendering strategies, comparing on-demand generation, browser client rendering, and build-time static HTML.
A 3-set Venn diagram showing SSR, CSR, and SSG rendering strategies, comparing on-demand generation, browser client rendering, and build-time static HTML.
Open it in SkemioMake your own

What it shows

  • SSR renders HTML per request, giving fresh data at the cost of server load.
  • CSR offloads rendering to browsers, saving servers but hurting initial load.
  • SSG pre-renders HTML at build time, offering unbeatable edge latency.

The takeaway

Match rendering to data volatility: SSG for marketing, SSR for dynamic pages, and CSR for rich dashboards.

More venn diagrams