Server-Side Rendering using React & Redux

This is a Server Side Rendering achieved using React and Redux

Server Side Rendering(SSR) is done to load pages like normal html pages. This is mainly done for optimization purpose in order to deliver the pages in a faster manner and to reduce the load at client side. It is mainly focused on the Mobile Devices which is having limited memory and processing power.

Normal React Application will have a single node server which will serve the application. But in SSR we will be having a seprate express server which will serve the both Server-Side Rendered files and normal web app files. Also the routes will be varying inorder to seperate the pages to be loaded with SSR and normal react pages.

Implemented with the help of this Course from Udemy.

Installation

1.Inside the project folder React-Server-Side-Rendering

cd server
npm i

2. Start the server using the command

npm run dev

3. Browse the URL localhost:3000 in the browser

To Check the Server Side Rendering

1. Disable Javascript for the localhost
   
2. Reload the Page
   
3. Press ctrl + shift + i or right-click > Inspect
   
4. Check the Request

You will be able to see the entire html content rendered from the server