How to Deploy a Next.js app to a Custom Server – NOT Vercel! (Full Beginner Tutorial)
Step-by-step beginner guide π https://www.papareact.com/vps-tutorial-form
π₯ Sign up to Hostinger and obtain a VPS server. Use code SONNY for 10% off: https://www.hostinger.com/sonny
π¨ Learn to code – Join my Flagship Course & Community βZero to Full Stack Heroβ: https://www.papareact.com/course
—————–
π΄ Looking for the code from my builds? π οΈ
https://links.papareact.com/github
π© WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST?
Sign up for the PAPAFAM Newsletter here π https://links.papareact.com/newsletter
ππ»FOLLOW ME HERE:
Instagram: https://links.papareact.com/instagram
Facebook: https://links.papareact.com/facebook
LinkedIn: https://links.papareact.com/linkedin
Twitter: https://links.papareact.com/twitter
Discord: https://links.papareact.com/discord
π° WANT TO SUPPORT THE CHANNEL?
Donate here: https://links.papareact.com/donate
Grab some PAPA Merch: https://links.papareact.com/merch
π TIMESTAMPS:
00:00 Intro
01:13 Hostinger Sponsorship
02:09 Hostinger Dashboard Setup
03:06 Warp Terminal
03:30 Step 1 | Initialising ssh Command
04:25 Step 2 | Removing Apache2 & Installing Reverse Proxy
06:20 Explaining Remote Proxy
08:59 Step 3 | Setting Up NGINX Configuration
11:54 Step 4 (Crucial) | Creating a Symbolic Link
14:14 Step 5 | Setting Up the Next.js App
20:35 Step 6 | Implementing PM2
23:47 Bonus Step | Modifying the Site
28:04 Hostinger VPS Benefits
28:42 Outro
Letβs get it PAPAFAM π₯.
#reactjs #nextjs #hosting #vercel