Deploying a React Application with Nginx on Ubuntu



Deploying a React Application with Nginx on Ubuntu

Deploying a React Application with Nginx on Ubuntu

You can quickly deploy React applications to a server using the default Create React App build tool. The build script compiles the application into a single directory containing all of the JavaScript code, images, styles, and HTML files. With the assets in a single location, you can deploy to a web server with minimal configuration.

In this tutorial, you’ll deploy a React application on your local machine to an Ubuntu 20.04 server running Nginx.

Pre-installation
It is necessary that Node.JS is installed on your server versions of Node.JS above 14.
Nginx is also installed and server blocks are configured

Commands used
npx create-react-app mivo-deploy
cd mivo-deploy
npm start
npm run build
cat /etc/nginx/sites-enabled/your_domain
scp -r ./build/* username@server_ip:/var/www/your_domain/html

Useful links
VPS/VDS – https://www.mivocloud.com/
React – https://reactjs.org/