rendering-patterns
Installation
SKILL.md
Web Rendering Patterns
Overview
Rendering determines when and where HTML is generated. Each pattern has distinct performance, SEO, and infrastructure implications.
Rendering Pattern Summary
| Pattern | When Generated | Where Generated | Use Case |
|---|---|---|---|
| CSR | Runtime (browser) | Client | Dashboards, authenticated apps |
| SSR | Runtime (each request) | Server | Dynamic, personalized content |
| SSG | Build time | Server/Build | Static content, blogs, docs |
| ISR | Build + revalidation | Server | Content that changes periodically |
| Streaming | Runtime (progressive) | Server | Long pages, slow data sources |
Client-Side Rendering (CSR)
Browser generates HTML using JavaScript after page load.