Rendering Techniques: SSR, CSR, SSG, ISR

Rendering Techniques

1. Static Rendering & Dynamic rendering

• Static rendering: The content generated at build time or during revalidation. 
• Dynamic Rendering: The content generated at each request time.

2. SSR & CSR

• SSR: Refers to pre-rendering HTML for each request on server
• CSR: Rendering content on the client's browser using JavaScript. The initial HTML is served to the browser, and then JavaScript code fetches data and renders the content dynamically in the browser. 

3. SSG & ISR

• SSG: Refers to generating static HTML files for a website during the build process. These static files generated once and then served to user without further processing on the server. it typically called static rendering
• ISR: Refers to a feature introduced in NEXT.js that allows for on-demand regeneration of statically generated pages(SSG) at runtime.