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