Deploy Vue JS Project via Github and Automate Deployment Nginx VPS

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! :)
_______________________________________________

Тэги:

#buy_hosting #buy_domain #Domain #Hosting #Web_Hosting #Buy_Web_Hosting #buy_hosting_from_hostinger #VPS_Hosting #Setup_VPS_Hosting #Setup_SSH_Key #Point_Domain_to_VPS #Add_A_and_AAAA_Records #Create_Virtual_Host_File #Enable_Virtual_Host_File #Creating_Production_Build #Deploy_Vue3_JS #Host_Vue_JS #github #via_github #deploy_vuejs_nginx #host_vuejs_project_on_nginx #web_hosting #vuejs_deploy_automation #host_vuejs_via_github #host_vue3 #deploy_vue_3_website #vue_3

Скачать видео