You are on page 1of 2

How to deploy react app with express js

(SSR)
​There are 2 ways you can deploy a react app on a production server.
we focus on server-side rendering with express js backend

1. Using static server


Create a build of react app and serve it statically using serve command.

2. Serve page from expressjs


You don’t necessarily need a static server in order to run a Create React App project in
production. It also works well when integrated into an existing server-side app.

First, you need to build your react code using:


npm run build

const​ express =​require​(​'express'​);


const​ path =​require​(​'path'​);
const​ app =express();
app.use(express.static(path.join(__dirname,​'build'​)));
//setting static path
app.get(​'/'​,​function​(req, res){
res.sendFile(path.join(__dirname,​'build'​,​'index.html'​));
});​
app.listen(​4000​);

After getting build of your react code
app.use(express.static(path.join(__dirname,​'build'​)));

serve the build folder as static files, and target the index.html inside it

app.get(​'/'​,​function​(req, res){
res.sendFile(path.join(__dirname,​'build'​,​'index.html'​));
});

This will redirect all the incoming requests to index.html inside build directories. This is 
how react app can be deployed using SSR. 

On the verge of digitization ​CollegeInit​ is the web application, which provides colleges and students a
digital platform, to connect easily, which is developed and launched in the year 2020 by Market Pro. Ltd.
The aim of this application is to provide a digital solution for every problem related to colleges and
students. It is the largest platform connecting students and colleges together in Nepal.

You might also like