Deploy Next JS Project via Github and Automate Deployment Nginx VPS

Published: 05 September 2023
on channel: Geeky Shows

4,384

140

Deploy 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:
   • Domain and VPS Hosting

Domain and Shared Web Hosting hPanel:    • Domain and Shared Web Hosting with hP...

Core JavaScript:    • Core JavaScript (Hindi)

Advance JavaScript:    • Advance JavaScript (Hindi)

NPM:    • NPM Crash Course (Hindi)

Node Mongo and Express JS:    • Node JS Mongo DB and Express JS

Postman Playlist:    • Postman

Check Out Our Other Playlists:
   / geekyshow1

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