How to Deploy a Next.js app to a Custom Server - NOT Vercel! (Full Beginner Tutorial)

52,788
0
Published 2023-09-22
Step-by-step beginner guide 👉 links.papareact.com/deployment

🔥 Sign up to Hostinger and obtain a VPS server. Use code SONNY for 10% off: www.hostinger.com/sonny

🚨 Learn to code - Join my Flagship Course & Community “Zero to Full Stack Hero”: www.papareact.com/course

-----------------

🔴 Looking for the code from my builds? 🛠️
links.papareact.com/github

📩 WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST?
Sign up for the PAPAFAM Newsletter here 👉 links.papareact.com/newsletter

👇🏻FOLLOW ME HERE:
Instagram: links.papareact.com/instagram
Facebook: links.papareact.com/facebook
LinkedIn: links.papareact.com/linkedin
Twitter: links.papareact.com/twitter
Discord: links.papareact.com/discord

💰 WANT TO SUPPORT THE CHANNEL?
Donate here: links.papareact.com/donate
Grab some PAPA Merch: 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