Hosting a MERN App on a VPS Server from Start to Finish (Complete VPS Setup)
ฝัง
- เผยแพร่เมื่อ 22 พ.ค. 2024
- Welcome, Learn how to host a MERN (MongoDB, Express.js, React, Node.js) stack application on a Virtual Private Server (VPS) from start to finish. This step-by-step tutorial covers everything you need to know, from setting up your VPS and configuring it for web hosting to deploying your MERN app for the world to see.
🎁 Hostinger Servers Exclusive Offers🎁
Click here to Buy India Best Hosting 👉 www.hostinger.com/thapa7
For Thapa Family 💥 Use the discount code THAPA7 to get Extra 10% OFF!
🌐 Link to my Blog on MERN hosting in VPS: thapatechnical.shop/blogs/hos...
Whether you're a beginner or an experienced developer, this comprehensive guide will walk you through the entire process, ensuring your app is up and running smoothly. Get ready to take your web hosting skills to the next level
👉 Watch world Best MongoDB Course: • MongoDB Complete Cours...
🧑💻MERN Stack Series: • MERN STACK In Hindi 2023
📸 Follow us on Instagram: / thapatechnical
👩💻 Discord Server for Programmer: / discord
😊 Become Member, get access to perks, free Source code, & more..
/ @thapatechnical
⌚TIMELINE⌚
0:00 - Introduction to VPS Hosting
1:05 - Demonstrating Website Deployment on Localhost
4:20 - Step 1: Pushing Code to GitHub
8:11 - Guide on Purchasing VPS Hosting and Complete Dashboard Setup
11:55 - MERN Stack Series Update
12:27 - Logging into VPS Terminal
14:50 - Step 1: Updating and Upgrading Linux Software
17:50 - Initial VPS Setup Essentials
19:18 - Installing NVM and Node.js in VPS
24:08 - Installing MongoDB in VPS
29:15 - How to Start MongoDB in VPS
31:00 - Complete MongoDB Video Course Update
31:40 - Verifying VPS Information
32:11 - Installing Git and Connecting GitHub with VPS
35:01 - Cloning Your Application (Using GitHub)
36:22 - Setting Up Your Backend in VPS
39:15 - Configuring Backend Environment Files
42:01 - Launching the Backend Server in VPS
42:56 - Installing PM2 for Backend Server Management in VPS
47:26 - Frontend Setup in VPS
51:26 - Running Your Frontend from VPS with UFW
54:36 - Installing Nginx Server in VPS
57:21 - Adding IP Address Configuration in Nginx
1:00:06 - The Crucial Step: Enabling Site in Nginx
1:03:26 - Connecting Your Domain to IP Address and Hosting in VPS
1:10:41 - Establishing Backend Connectivity with Subdomain in VPS
1:17:26 - Implementing an Important Update
1:19:56 - Adding SSL Certificate
1:24:06 - Verifying Your Website Live with VPS
************ 😍 Must Watch Videos For Web Development 😍 ************
➡️ Complete Reactjs in One video here • ReactJS For Beginners ...
➡️ HTML in One Video: • Learn HTML in One Vide...
➡️ CSS in One video: • Learn Complete CSS In ...
➡️ CSS FlexBox in 30 Minutes: • CSS FlexBox in 30 Minu...
➡️ JavaScript in One video: • JavaScript in One Vide...
➡️ ECMAScript 6 in One Video: • ES5 & ES6 | ECMAScript...
➡️ HTML5 in one video: • HTML5 Tutorial in One ...
➡️ CSS3 in one video: • Learn Complete CSS3 In...
➡️ Bootstrap4 in One video: • Bootstrap 4 in One Vid...
➡️ Jquery in One video: • jQuery in One Video in...
➡️ JSON in one video: • JSON in One Video in H...
➡️ ReactJS in one video: • ReactJS For Beginners ...
➡️ PHP in One Video: • PHP TUTORIAL IN ONE VI...
➡️ NodeJS in one video: / ipnwakoibt
➡️ MySQL in one video: • Complete SQL & MySQL i...
➡️ Advanced JavaScript in Hindi Playlist: • Advanced JavaScript Tu...
➡️ ES5 & ES6 | ECMAScript 6 in One Video in Hindi: • ES5 & ES6 | ECMAScript...
➡️ JavaScript Game Development Series in 2020: • JavaScript Game Develo...
🌐Blog on MERN hosting in VPS: thapatechnical.shop/blogs/host-a-mern-stack-app-on-a-vps
🧑💻MERN Stack Series: th-cam.com/play/PLwGdqUZWnOp3t3qT7pvAznwUDzKbhEcCc.html&si=BiZNAubWMadDTlzB
🎁 Hostinger Servers Exclusive Offers🎁
Click here to Buy India Best Hosting 👉 www.hostinger.com/thapa7
For Thapa Family 💥 Use the discount code THAPA7 to get Extra 10% OFF!
👉 Watch world Best MongoDB Course: th-cam.com/video/rU9ZODw5yvU/w-d-xo.html
📸 Follow us on Instagram: instagram.com/thapatechnical
👩💻 Discord Server for Programmer: discord.gg/MdScmCsua6
Hello bro
ik question hai
please bta dayn kindly
NEXT JS
kesi b rotue per change hoty hain
like home to about ....
us per hum per loading add karni hai next js min koi solution ni mil rha apki website per laga hai kindly bta dayn thanks
ERR_PNPM_RECURSIVE_EXEC_FIRST_FAIL Command "preview" not found showing this error
blog link is not working anymore?
Sir please replay on the error
blog link not working thapa shahib😀😀
This explanation is beyond any paid course, Right now I'm learning MERN stack dev and I got the concept how to host a website in public. Very great help thank you Vinod Sir, I pray your channel grow till infinity.
Thank you Sir! This tutorial was perfect. You explained all the technical stuff in depth and provided good documentation. God bless you!
You are a real gem bro. Thanks alot for this. Mjy aik mahina lg gya deployment k chakar me than i found your vedio jo vaky hi kaam ki sabit hui end pe thora sa prob hua mjy but phr chat gpt zindbad. Lots of love from Pakistan ❤yaha bht se students apko dekhty hain. Keep it up👍
best video ever on TH-cam about the server and another setup in VPS. Thank you brother
Great thapa ,
i was looking the same kind of video ,
you saved my life ,thank you
very very thanks to Thapa Technical. it was a very great tutorial. I am done with my setup by reading your blog. thanks a lot again brother
I'm really checked out the whole youtube but didn't find any video with proper explanation, but you had solved my problem, thankyou very much...🙂
Next waiting for Docker video from Thapa Technical💙💙
Great Video thanks for the claer explaination and making it look easy!
Thankyou Thapaji your videos are very simple and easy to understand.
Thank you sir it really helps to get this type of videos from beyond zero to beyond 100 thanks to you are life saver
At the deadline 😅
Thanks for this crystal-clear video. Keep posting more videos.
Defnitely best on you tube, best wishes and best of luck for helping people on open source community 🌼
this guy is lord, the way he explain considering beginner in mind is exceptional
Thanks for this amazingly detailed VPS course sir! 🖤
Thankyou Bhai Jo apne mern stack project ko live Kiya mai Kai din se search kar raha tha
Best VPS video ever on youtube 🚀🚀🚀🚀🚀🚀🚀🚀
Great, Thank you for sharing !
Thank you so much bhai. I reall needed it and belive that many others too. good job. keep it up. I with you and your content
Thanks and welcome
World best Vps Course Thanks For This Level Of Content 🥰🥰❤️❤️❤️
thanks for this video. I was waiting for it
Thank you amazing creation :)
tu genius hay bhai .. keep it up
Best tutorial for beginner ever ❤
Bro your blog is giving error 504 gateway time out
Best VPS video on TH-cam.♥♥♥♥♥
Nothing can be much better than this ! Awesome work sir !
Thanks a lot!
I've waited 2 year for this video i didn't find any proper guide on TH-cam finally you Upload it Thanks u Soo much
Glad I could help
@@ThapaTechnical hey bro can you reply me please
Best VPS Video Ever
bahut maza aa rha hai dil garden garden ho rha hai
Heartly Very Thank You
Amazing brother supab 😊❤
Indeed best hosting video on internet
Best vps video
best vps vide at TH-cam 🌹🌹🌹🌹🌹🌹
Very Very Helpful Videos
Saved My Contract
:}
Best Video ever on TH-cam
Next level 🚀! Bhaiya : )
thank you so much sir
❣❣❣❣❣❣
Awesome bro
Hi. I have configured my subdomain for backend running over 5000 port. Do I need to allow this port in Firewall or will it work as I am getting ERR_CONNECTION_TIMED_OUT when 5000 is disabled in firewall and getting ERR_SSL_PROTOCOL_ERROR when enabled. Please help.
Thank you so much.
thank you bhai ap sahi h life savior ho 5 din se atka hua tha thanks a lot bhai God Bless You ap hamesha khus raho
Hello
best VPS video ever on TH-cam 2024
Bro thanks for creating the best I said best video on vps hosting for mern stack. This video is truly the masterpiece in coding world
I got 404 error , boss if you know please help me
best vps course ever
Thank you soo much bro .... now #dockerwithvps
Hello Thapa sir,
can we also host our fullstack NextJs website using same method or not??
Thank you
Best Video I Found On Internet For Hosting A Mern App.
Yes, I know.. it takes a lot of hard work n research
Thank you for this awesome tutorial, I have learnt many things from you. I have published some websites also. And they are running very smoothly without having any error. But I got stucked to implement google adsense to my newly released nextjs 13.4(App Router) project. I tried most of the tutorials which I found on google search and youtube search and didnot found any solutions to implement google adsense. I tried many npm packages also but they didnot worked for me and lastly I tried chatGPT but also not fruitful to my case. Now, I have the last hope and that is you, Please, make a video on how we can implement google adsense on Nextjs 13.4(app router) without losing SSR.
Can I host multiple website along with backend in vps?
i love sir , BEST VPS VIDEO ON TH-cam
Thanks bro
can i host multiple website domain in same vps? if yes, how? my ip just one they provide. i can't undestand. but, your explain is so good. watching from bangladesh. i undestand hindi but can't speaking hindi hihi. thank you so much. and waing for your valueable reply.
great video
Hi,
I followed all the steps, but after front-end setup (After running pnpm preview --host cmd) my VPS is not working. This means after enabling UFW my VPS is not working. Can you help me in that?
Sir please make a series on Next. Js
I am very excited to learn next. Js
Great VPS video I ever found on internet.
Bro will you be please help me to host my mern stack project on vps I was bought vps hosting plan on 11-04-2024 and still I'm trying to host my project but I face many difficulties can you please help me
amazing videos
Can we host more than one frontend with one backend on the vps we have a project like online shopping website which has three frontend one for the customer other for the vendor and the one for the admin but all is connected to one backend so is it possible to do so on vps hostinger because we can host multiple frontend and a backend in the AWS is it possible for the vps hostinger
in my case when I enter "pnpm start --host" it doesnot shows any link and have no error but has eslint warnings . can I continue forward
Well ❤ , I have doubt about mongoDB, if I did install mongoDB in our VPS HOSTING , while access db in real-time it will use high bandwidth or not ?
best video
Can I host the MERN project "locally built on windows" to linux based VPS.
Taken vps, working fine 2 web apps smoothly, but how we can setup professional email server?
after all ❤
When will css course come ???????
Loved your HTML one love from pakistan
my project is in react node js and mysql how to deploye that on vps i have bought vps with your link
🎉best
nice thapa but i need to upload plain react base mern project
I have a question. please help me. mai janna chahta hun ki ek vps pr kitne mern apps host kre jaa skte hain. like mai web dev ka kaam shuru krna chah ra n clients ki websites host krni hongi. so is it possible to host multiple websites on hostinger vps.
Bro I am facing cors issue while follwong your tutorial on my live web application.But on local I am not facing any issue like this
Can I install Windows in my VPS hosting instead of Linux?
Thank you sir
Bro will you be please help me to host my mern stack project on vps I was bought vps hosting plan on 11-04-2024 and still I'm trying to host my project but I face many difficulties can you please help me
Best video for vps server
Bro will you be please help me to host my mern stack project on vps I was bought vps hosting plan on 11-04-2024 and still I'm trying to host my project but I face many difficulties can you please help me
do we have to buy anything for mongo db atlas
Please make video of intergate cross platform backend to frontend...
Like python Django and React js
Please...make a video like this one on how to deploy MERN website on AWS...
best of the best
Thanks Bro.. Plz share the video with ur friends too 💝
can i do this same thing in nextjs?
What more I have to learn to deploy my website on namecheap after finishing this video?
can you make the video on how to host backend api on hostinger on shared hosting
sir i want to ask ke cloud hosting mai bhi same chiz same
Thanks! but the setup is not working with nextjs
You deserve millions of views
Thanks Bro.. Plz share the video with ur friends too 💝
I have one problem with this hostinger VPS. It is only provide Linux OS but i want Window. I want to install emulator to run Android apps.
hello sir i am kuleep sir maine vps server liya hai usme maine pahli website host kr diya hu lekin jaise hi dusri website host karta hu to pahli bhi down ho jati hai ip overlap karti hai so how to resolve this problem
sir plese upload a video for how to deploy next js project on hostinger vps and differnt only node js project how to deploy.. its very important for many of people
✨ WAITING FOR CSS WITH ALL TRICKS AND INTERVIEW QUESTIONS 😎
bro can you github link of that project which you using in video
also want to deploy only backend
Hello Vinod, (at 1:27:30): Do we have to run npm run build after each 'git pull' command too? By the way awesome video. Great work!
yes
yes for sure
how to fix ...... 504 Gateway Time-out
nginx/1.18.0 (Ubuntu) ?
bro blog link not working, can you please check?
I did all the things step by step, but in the last I run with IP address, I got 404 error, if anybody know please help me
How to fix 404 not found nginx problem
How can I show preview in NEXT.Js
how many webside i can host
hi , sir merepass namecheap domain hai. iska kaise hoga mere help kr skte ho sir
i am getting error in pnpm preview --host (if anyone can resolve this please help)
Please video for prisma