How to Deploy ANY Next.js app to your own VPS Server (UPDATED Beginner Tutorial | 2024)

❗️Step-by-step beginner guide 👉 https://www.papareact.com/vps-updated... 🔥 Sign up to Hostinger today and use code SONNY for 10% off annual plans: 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 other 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 In this tutorial, I'll guide you through the process of deploying a SaaS app (or any Next.js App) to your own VPS server. Using Hostinger for hosting, we will dive into setting up your VPS with Ubuntu and connecting via SSH, setting up a reverse proxy with Nginx, creating a symbolic link, and using PM2 to keep it running smoothly. I'll even show you a demo of a SaaS app hosted on a VPS and learn how to make realtime updates to it! 🕐 TIMESTAMPS: 00:00 Intro 1:30 Benefits of Hostinger 3:40 Step 1 | Setting up the VPS Server 5:39 Step 2 & 3 | Installing Ubuntu & Connecting SSH 7:58 Step 4 | Removing Apache2 & Installing Reverse Proxy & Node.js Server 9:12 Step 5 | Setting Up Nginx Configuration File 10:04 Step 6 | Replacing Server IP with your domain name or VPS IP Address 11:21 Step 7 (Crucial) | Creating a Symbolic Link 12:42 Step 8 & 9 | Restarting Nginx & Creating a New Next.js App 13:11 Step 10 (Optional) | Installing GitHub Agent 14:50 Step 11 | Installing Node Version Manager 15:26 Step 12, 13 & 14 | Initialising the New Next.js App 17:22 Step 15, 16, 17 & 18 | Installing & Using PM2 Globally on your VPS 26:19 SaaS Hosted on a VPS Demo 27:08 Editing the Hosted SaaS App on a VPS 30:08 Hostinger's Awesome AI Assistant 31:17 Explaining the Updated Tutorial 31:51 Outro Let’s get it PAPAFAM 🔥. #reactjs #nextjs #hosting #vercel #vps #hostinger #react #beginner #tutorial #coding #tech #ai