Learn How To Deploy a React App To a VPS | Ubuntu 20.04 Server With NGINX

In this tutorial you will learn how to deploy a React JS App to an Ubuntu VPS With Nginx Web Server.

-----------------------------------------------------------------------------------------------------
| HOSTINGER DISCOUNT |
-----------------------------------------------------------------------------------------------------
⭐ HOSTINGER
🔥 FREE .COM DOMAIN NAME
🔥 FREE SSL INCLUDED
🔥 UP TO 85% DISCOUNT
🔥 +7% DISCOUNT USING THIS COUPON: CODEEXPLAINED
------------------------------------------------------------------------------------------------------
| HOSTGATOR DISCOUNT |
-----------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------

This tutorial is a step by step guide on how to deploy a React JS App to an Ubuntu VPS With Nginx Web Server.

What you're going to learn in this tutorial in each step:

⌛ Steps:
00:00 Introduction
00:18 Create a ReactJs App
02:29 Push React App To GitHub Repository
03:30 Create VPS Cloud Server
04:44 Connect to VPS Cloud Server
07:03 Install NGINX Web Server
09:20 Clone GitHub Repo To VPS and Serve Our React App
13:22 Point a Domain Name To a VPS
15:20 Add SSL Certificate To Secure Connection To Our App

🌍 Social Media Links.

💲 Suppport the Channel

[CodeExplained]

🚨 Big Announcement! 🚨

Hey everyone! I've made a big decision for this channel—I've turned off ads on all my videos! That's right, you can now enjoy all my content ad-free! This means I'm earning $0 from ad revenue, but I believe this is the right move to make your viewing experience better.

If you find my content valuable and want to support my work, there are several ways you can help:

Like & Share: Simply liking the video and sharing it with friends helps a lot!
Subscribe & Hit the Bell: Stay updated and never miss a new video.
YouTube Thanks: Use the "Thanks" button below to send a one-time donation.
Join the Channel Community: Get exclusive perks and behind-the-scenes content.

Every little bit counts and goes directly to creating more high-quality content for you all. Thank you so much for your continued support!

Let’s keep growing and learning together! 🌟

[Amir-bzfk]

OMG I've been watching coding tutorials on YouTube over the past 2 years on many different technologies, and I can say this one was absolutely one of the bests. Keep it up man ❤️

[dcrypt]

what a legend, YouTube teachers always come in clutch, cheers

[ramazonpardayev]

thank you man I was trying to deploy my app around 4 hours and I found your video so this is so cute thank you again

[fmaciel]

Great tutorial! Thank you VERY MUCH! You saved me several hours of searching. Great work!

[accuiel]

Been looking for this exact thing for the past 3 days, you just saved me a client. Really appreciate!!

[bersival]

Thank you dude!!! Just so painful 20+ hours of deploying has finished, thanks to you. Keep going, you are the best!!!

[SaveTheWhales]

I think there is one minor step missing, which is that you will need to start nginx after installing, with `systemctl start nginx`. Great video, thank you!

[abasifrekeessien]

This Tutorial is Beast Mode.
The Best of it all.

[moseskwame]

Hello, please I have an app that have a backend that connect the frontend with a LocalHost Port. how should I configure these during hosting?, and where should I put environment variables , Thank you

[Zaaredd]

If we change something in our git repo, we just need to do git pull in putty and then npm run build etc ?

[HardcorePanda]

wow so good. filled with very useful stuff in a decent short video.

[HimanshuKumar-xztk]

How to add environment variables ? Do I simply add it in build folder inside .env ?

[DevNightly]

do we really need to install node and npm into the server?

[umyothein]

you saved my day bro..Absolutely loved it

[dangnguyen]

Did you preconfigured Git? I made a new GitHub account to do this but the GitHub part didn't work for me; it says "not a git repository" :(

[lokeshjain]

mine hostinger VPS IP do not show any kind of default page even after having var ww html index html in that

[nicknameis]

What about adding .env files (which we don't store in github) into VPS?

[fredericgaufichon]

Thank you very much, exactly what I needed and well explained

[fanimations]

Hi There ! one doubt regarding updating the files within the build folder. What about replacing the index.html file. can you help me on this!