Rendering Modes

Client-Side Rendering (CSR)

CSR, or Client-Side Rendering, is a rendering mode where the web page is initially rendered on the client-side (in the user’s browser). In this approach, the browser downloads the HTML skeleton, and then JavaScript is used to fetch and render the content dynamically.

Edge-Side Rendering (ESR):

Edge Side Rendering (ESR) harnesses the power of the CDN to deliver SSR as close to users as possible, providing the benefits that come with traditional SSR such as personalization and dynamic data, with improved speed for everyone around the world. ESR can be implemented for a full site, single pages, or even for just parts of pages.

Incremental Site Regineration (ISR):

Incremental Static Regeneration (ISR) is a feature in frameworks like Nuxt.js that allows you to update static content at runtime without rebuilding the entire site. It enables you to re-generate specific pages on-demand, providing a balance between the benefits of static site generation and dynamic content.

Single Page Application (SPA):

SPA, or Single Page Application, is a web application or website that interacts with the user by dynamically rewriting the current page rather than loading entire new pages from the server. This is achieved through AJAX and allows for a more fluid and responsive user experience.

Static Site Generation (SSG):

Static Site Generation is a method of generating static HTML pages during build time. The entire website is pre-built before deployment, and the resulting HTML files are served to users. This approach provides fast-loading pages as there is no need for server-side processing during runtime.

Static Site Regineration (SSR):

SSR, or Server-Side Rendering, is a rendering mode where the server processes the request and generates the HTML content for each page dynamically. The fully rendered HTML is then sent to the client, improving initial page load performance and SEO.

Stale-While-Revalidate (SWR):

SWR stands for “Stale-While-Revalidate,” which is a strategy for efficiently updating cached data. It involves serving stale (cached) data to the user while simultaneously revalidating and updating the cache in the background. This helps in providing a fast user experience while keeping the data up-to-date.