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❓
Stable .localhost URLs for Every Dev Server (and Every Worktree) with Portless
How I replaced port numbers with stable, named .localhost URLs across all my monorepos using Portless — including a pattern that gives every Claude Code worktree its own dev URL automatically.
What is the Array Reduce Method in JavaScript?
Learn how the Array reduce method works in JavaScript with practical examples for summing values, flattening arrays, and more.