Home
Chat
This website collects cookies to deliver better user experience
OK
What is CSR, SSR, SSG, ISR (Different Rendering Strategies) and which framework does it better (Angular, React, Vue)
What is CSR, SSR, SSG, ISR (Different Rendering Strategies) and which framework does it better (Angular, React, Vue)
01)
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.
02)
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
03)
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
04)
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❓
33
0
Related Posts
loading...
loading...
loading...
loading...
loading...
loading...
loading...
loading...
Post Comment
Show Comments
A bug that made me a better developer.
How to build powerful tables in React using the React Table package
Implementing tables using reactjs
Next.js Authentication with Netlify Identity
Using VueQuill editor in Vue.Js3
Websites To Learn Programming For Free
C# For Beginners - Lesson 6: Strings
NodeJS vs Python