This application is a project realized as part of my training taught on Udemy entitled " React - Maitriser le rendu coté serveur avec Next.js", course given in French. It allowed the participants to put into practice everything they learned throughout the training.
To solve this problem with React, we use server-side rendering with a Node.js server, but this also involves configurations that are often very daunting for beginners:
The developer must :
There are several configurations and modifications to be made to implement server-side rendering and for an inexperienced developer this can be challenging and it is not as advisable to implement server-side rendering on its own but to use existing solutions to overcome this problem.
This is where Next.js comes in, which allows to do server-side rendering, static generation and incremental static generation. Static generation (incremental) allows you to generate all the pages under construction, which will make the application faster because the data is already available and no need to make a request to retrieve the data.
Concretely Next.js offers the possibility to use :
To summarize with Next.js you can use client-side rendering for dashboard or private pages, server-side rendering for frequently changing page content, static generation for static pages and incremental static generation for pages whose content changes occasionally.
It has been deployed on Vercel