Rendering Types Demo

This is an interactive demo to show the options available when rendering a frontend application with React and Next.js.

Who care about styling when we are going to have fun with performance? :)

Let's start with some context to know what's going to be tested.


Rendering Types

There are 3 types of rendering analyzed in this demo: Static Rendering, Server-Side Rendering and Client-Side rendering

Static Rendering

Renders the app at build time. Generally involves generating a static HTML page for every URL.

Server-Side Rendering

Renders the app on the Server in response to each request, and then sends the hydrated HTML and Javascript back to the Client.

Client-Side Rendering

Renders the app on the Client in the browser at run time.