What is CSR, SSR, SSG, ISR (Different Rendering Strategies) and which framework does it better (Angular, React, Vue)
A comparison of CSR, SSR, SSG, and ISR rendering strategies across Angular, React, and Vue frameworks.
CSR
CSR stands for Client Side Rendering. Here the entire website is rendered in the browser.
Use when building a admin dashboard and when seo is not important. Required javascript enabled on the browser.
Angular, React, Vue all support it out of the box.
SSR
SSR stands for Server Side Rendering. Here the webpages are rendered on the server and then sent to the client.
Use when speed and seo is important. App works without javascript enabled in browser.
Angular supports it via Angular Universal
React via NextJS
Vue via NuxtJS
SSG
SSG stands for Static Site Generation. Here the webpages are rendered on the build time.
Use when speed and seo is important. Host the app on any static hosting (netlify/vercel)
Angular supports it via Scully/Angular Universal
React via NextJS/Gatsby
Vue via NuxtJS/Gridsome
ISR
ISR stands for Incremental Static Regeneration. Here the webpages are regenerated on the fly based after the defined time.
Same benefits as SSG. Entire app doesn't need to be build after each change.
Angular doesn't support it
React via NextJS
Vue doesn't support it
Can you share an app you built and which rendering strategy and framework you used❓
What Happened When I Measured My Vision Pipeline
I had been saying "roughly 90% accurate" for months without measuring it. The eval showed that effort and model choice both move the result more than I expected, and that one config scored 59.4%, 59.4% and 90.6% on the same page.
When to Build a Skill and When to Build an MCP Server
I shipped both for the same Vue design system, a month apart, and kept both. A skill carries judgement and goes stale; an MCP server carries facts and stays fresh. Here is how the choice actually breaks down.