Best SSR Outputs Techniques

Static Site Generation (SSG) and Server-Side Rendering (SSR) are two popular techniques used in web development to create applications and websites. While SSG generates the website or application at build time, it processes the application at runtime.

In Static Site Generation approach you have three main types of outputs - Static HTML.

As the name suggests, Static HTML output type renders the website or application as static HTML files. These static HTML files can be easily served by a web server such as Nginx, this makes the website very efficient to load.

However, the disadvantage of this approach is that it doesn't account for cross-origin resource sharing issues and UI updates.

On the other hand, when we use Dynamic HTML output type, the server-end generates HTML and also creates a JSON file for hydrating for Single Page Applications. However, one of the disadvantages of this approach is that it requires additional server-side requests for these extra JSON files, which can be costly in terms of page loading speed.

When it comes to React SSG, the React server takes the static HTML output and wraps it with dynamic UI components, which enables server-side rendering and gives the same loading speed as the static site generation but also maintains the dynamic functionality of Web Applications.

In  رله الکترونیکی  have a different set of options - Static HTML.

When you use the Static HTML output type type, during every request the server end creates an updated static HTML. However one of the main disadvantages of this approach is the server load consideration.

If you decide to go with the updated static page and dynamic data type, then this means your server will have to process the data.