Deploy React JS Project via Github and Automate Deployment Nginx VPS
40Deploy React JS Project via Github and Automate Deployment Nginx VPS
00:00 Project Introduction
01:02 React JS Deployment Instruction
01:50 Requirement to Host a Project
02:35 Install git and node
03:51 Verify Nginx Status and Allowed Ports
04:32 Point Domain to VPS Remote Server
08:54 Copy ReactJS Project from Local Machine to Remote Server
09:43 Copy Using Command Prompt
14:54 Push Project from Local to Github as Private Repo
17:25 Make connection between Remote Server and Github Repo via SSH Key
19:50 Clone Github Repo
20:55 Move Project from user Home to Web server Public Folder
21:23 Install Dependencies
21:45 Create Production Build
23:32 Create Virtual Host File
24:57 Enable Virtual Host
26:01 Check Config and Restart Nginx
29:20 Why use Github to Deploy Project
29:56 Git Pull
32:11 Why use Automation
32:57 Creating deploy bash script
35:19 Set File Permission for bash Script
36:00 Creating Github Workflows
39:42 Add Github Secret Variables
46:36 Git Pull Scripts on Server
49:18 Checking Deployment Automation
Domain and VPS Hosting:
https://www.youtube.com/playlist?list=PLbGui_ZYuhij0mM8xP2udM_EDvl8JNdtn
Domain and Shared Web Hosting hPanel: https://www.youtube.com/playlist?list=PLbGui_ZYuhigqwKz6LvBmYNV0tVW-CzIP
Core JavaScript: https://www.youtube.com/playlist?list=PLbGui_ZYuhiiaQjuOfvgx_-gzVBlCxrk0
Advance JavaScript: https://www.youtube.com/playlist?list=PLbGui_ZYuhihZ-pDxNZuQ7xOQ8IS2z3XI
NPM: https://www.youtube.com/watch?v=xD3V3Uf9HPI
Node Mongo and Express JS: https://www.youtube.com/playlist?list=PLbGui_ZYuhijy1SpwtIS9IwL6OJdbr4kE
Postman Playlist: https://www.youtube.com/playlist?list=PLbGui_ZYuhigvkxzHXRveCnYjZcacTAwq
Check Out Our Other Playlists:
https://www.youtube.com/user/GeekyShow1/playlists
Learn more about subject:
http://www.geekyshows.com/
________________________________________________
DISCLAIMER: The links provided in the description may be affiliate links. If you buy anything from these links, then I may get some commission. But bear in mind, you won't be charged even an extra penny. I would be glad if you use these links!
________________________________________________
T A L K W I T H M E !
Business Email: contact@geekyshows.com
Website: http://www.geekyshows.com/
_______________________________________________
Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :)
_______________________________________________