Deploy Next JS Project via Github and Automate Deployment Nginx VPS
74Deploy Next JS Project via Github and Automate Deployment Nginx VPS
00:00 Project Introduction
01:30 Next JS Deployment Instruction
03:11 Requirement to Host Vue Project
04:46 Install git, node and pm2
06:26 Add PM2 to startup
06:40 Verify Nginx Status and Allowed Ports
07:20 Point Domain to VPS Remote Server
11:08 Copy NextJS Project from Local Machine to Remote Server
11:50 Copy Using Command Prompt
15:47 Push Project from Local to Github as Private Repo
18:28 Make connection between Remote Server and Github Repo via SSH Key
20:27 Clone Github Repo
21:43 Create Virtual Host File
25:33 Enable Virtual Host
26:55 Check Config and Restart Nginx
27:05 Install Dependencies
27:36 Create Production Build
29:14 Create PM2 Config File
31:07 Restart Nginx
31:24 Start NextJS App using PM2
37:37 Git Pull
34:50 Reload PM2
35:58 Why use Automation
36:37 Creating deploy bash script
38:12 Set File Permission for bash Script
38:45 Creating Github Workflows
41:07 Add Github Secret Variables
46:24 Git Pull Scripts on Server
48:38 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! :)
_______________________________________________