Deploy React and NodeJS on Linux

In this video you will learn how to setup a Linux server to host your React + NodeJS application from scratch. This video uses Ubuntu with NVM for providing the NodeJS runtime, PM2 to kee our applications running, and Nginx as a reverse proxy to provide scalability and SSL termination.

I also share with you why I *rarely* use this configuration for my own apps, and what I do instead.

——————————🎥 C H A P T E R S ——————————

0:00 Introduction
1:52 Application overview
2:42 SSH into our Linux server
3:58 Create a user account for nodejs
6:10 Git the code for our applications
6:55 Install NodeJS
8:30 Install application dependencies
9:49 Use PM2 to keep our apps running
13:40 Start PM2 at boot time
15:20 Installing nginx
18:39 Verify our setup
22:30 Troubleshooting connectivity issues
24:30 Setting up SSL on nginx
25:50 When to use this setup
28:30 Other ways to deploy

——————————👋 C O N N E C T ——————————

——————————🛠 R E S O U R C E S ——————————

[DevOpsForDevelopers]

One of the hardest things about learning is understanding how the different components work together. Using this guide, you start with a topic that interests or relates to you. At the end of the section, other related topics are shown allowing you to pick and choose your own path to DevOps mastery.
Check it out and leverage the skills you learn to advance your career as a developer, sysadmin, IT Operations, QA and more!

[dad]

Very nice video Will! I learned quite a bit.

[minhduca]

Oh my god! This video is amazing. Thank you so much! My problems are gone

[aldenisaac]

Ive been waiting for you to do an actual devops cicd project. Looking forward to it. Hope you plan on adding observability to this project.

[prabhmeetsingh]

This is what i needed thanks guru!!please make more type of this.

Make a video on cicd for multiple ec2 servers with git github

[codinginflow]

Damn I would've needed this a few weeks ago 😂 👌

[HiddeTieleman]

You DESTROYED this one. Looking forward to your other deployment methods.

[gwizqfr]

Does the front end react application is running on port 8080? Whether it must be the same when we run pm2 serve build 8080 --spa ?

[fibinjohnson]

can i use npm run bild in my vs code terminal and later push it into github ropo then pull to this production terminal ...because it is taking too long in ubuntu

[MrFontaineInc]

Do you find it easier to type out the key location versus using a config file in your daily workflow or does it depend on the day/project?

[antonevseev]

Hey Will! Thanks for the awesome tutorial! Can you please share what DNS Server app you used in your video (timestamp at 22:00) for setting up the custom domain name?

[SanthoshKumar-dev]

I can only connect with same network but If I tried on different network it's not working

[chantellebradley]

I need to know what the api start script should be for people like me who built something from scratch. I can't get mine working. Keep getting errors.

[milesyoung]

how did he install pm2 globally without sudo?

[tomaszprazniewski]

Any Idea how to deploy after build a few react/node apps on the same ubuntu server? probably using nginx? it could be server on different url IP/APP1 IP/app2

[fibinjohnson]

usually how long does it takes to complete npm run build?

[percyai]

where are the videos for this deployment in diffrent ways..

[chantellebradley]

What pm2 command do I run for a plain node ts app when I built one from scratch?

[dtdionne]

I tried to follow along but i guess the dashboard has changed since 2022. npm run build is no longer an option.

[DuRdn]

I would rather do it this way. Honestly