Deploy Vue JS Project via Github and Automate Deployment Nginx VPS
00:00 Project Introduction
01:46 Vue JS Deployment Instruction
02:40 Requirement to Host Vue Project
03:30 Install git and node
04:35 Verify Nginx Status and Allowed Ports
05:24 Point Domain to VPS Remote Server
09:50 Copy ReactJS Project from Local Machine to Remote Server
11:05 Copy Using Command Prompt
16:31 Push Project from Local to Github as Private Repo
18:10 Make connection between Remote Server and Github Repo via SSH Key
21:10 Clone Github Repo
24:13 Move Project from user Home to Web server Public Folder
24:55 Install Dependencies
25:26 Create Production Build
26:45 Create Virtual Host File
29:06 Enable Virtual Host
30:35 Check Config and Restart Nginx
31:18 Git Pull
34:15 Why use Automation
35:07 Creating deploy bash script
37:10 Set File Permission for bash Script
38:00 Creating Github Workflows
42:42 Add Github Secret Variables
48:37 Git Pull Scripts on Server
51:10 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: [email protected]
Website: http://www.geekyshows.com/
_______________________________________________
Make sure you LIKE, SUBSCRIBE, COMMENT, and REQUEST A VIDEO! :)
_______________________________________________