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.