Deploy Node.js and React Apps | Full Deployment /w Nginx VPS, SSL
ฝัง
- เผยแพร่เมื่อ 19 มิ.ย. 2024
- Full VPS deployment using Nginx, reverse proxy, pm2, SSL, and Lets Encrypt.
Get Hostinger Discount: hostinger.com/lamadev Coupon Code: LAMADEV
MERN Stack Netflix app all parts: • React Node.js Netflix ...
Support the channel: buymeacoffee.com/lamadev
Deployment documentation: github.com/safak/youtube/tree...
Join Lama Dev groups
Facebook: / lamadev
Instagram: / lamawebdev
Twitter: / lamawebdev
Discord: / discord
0:00 Introduction
0:35 Which Hosting Should I Choose?
02:23 Connecting to a VPS with SSH
06:10 VPS Installing Nginx
10:00 VPS firewall
11:37 Understanding Nginx
17:50 React and Node Apps Production Configuration
23:45 Deploying Node.js App to a VPS
31:42 Using PM2 on a VPS
33:31 Deploying React App to a VPS
39:08 Using domain on an Nginx Server
47:40 HTTPS SSL with Let's Encrypt
51:31 Outro - วิทยาศาสตร์และเทคโนโลยี
Truly helpful and amazing video. I did my deployment for the first time and because of you, it felt like a piece of cake. Thanks alot
This is the most accurate tutorial to real deploy a frontend + backend, you're awesome, thanks!
I randomly ended up on your channel and i continuously watching your videos and not getting bored like other Online tutorials. You are simply great!!!.
I really love this deployment tutorial of the Netflix app!
Your tutorials are so on point. Good job!
Fantastic video. Was able to bring up a series of react apps with SSL after struggling to deploy them behind docker nginx proxy container architectures. The video and supporting documents are perfect, thank you very much for the information, a real life saver!
does this video explain docker + nginex + node or only nginex + node?
ty
@@27sosite73 didn't mention any docker just nginx with node and react
Şafak adamsın be böyle bir video arıyordum ve bir Türkten bunu görmek... Çok sağol!
You are a God send human being Lama, can't express how grateful I am to you
How I could miss this video from my fav dev Channel. Its been a week and could not the accurate videos. Finally found the exact one i am looking for.
Still learning as beg. and your videos helped me alot.
Thanks alot Safak
مرحبا ممكن المساعده بخصوص هذا الفديو .. بعد الربط بين الدومين والاستضافه. كيف يمكن ان ارفع ملفات تطبيق ال نود جي اس اذا كانت ملفات كبيره في الفديو لم يشرح هذه الجزئيه. هل ممكن ان تساعدني في هذه المشكله او تشرحليها بشكل اكثر ..
شكراً جزيلاً
This tutorial solved my problem which I was stuck in for last 4 days. Thank you very much Lama Dev I am so going to subscribe this channel.
I can't stop watching this video😍 loved it. Thank you so much man❤
Your tutorial is one of my best favourite channel, words cannot say how happy i am when found your channel. Please tell us how difference is deploying to hostinger shared hosting compared to single hosting!
Thank you after spending 12+ hours this one really helped
Bro really needed this very Little good content out there regarding real time deployment usiing nginx ...thanks
you are such a kind person. You just nailed it and it is really helpful
This is the best TH-cam on app deployment.
Thank you so much. You made my day
Thank you very much. The best tutorial to deploy a MERN app.
Thank you bro. Your videos always a salvation to me
Thanks. Your tutorial was well made and it help me a lot to put my react website online! :) Good job!
nice! just don't forget to run 'ufw allow ssh' so you can't risk closing the ssh connection when you try to login next time
best deployment tutorial thanks a lot Eng. Lama
Hi Lama. Your tutorial helped me a lot. Hugs and Cheers 4 U!
Perfect video, thank you so much!!! Small clarification for the uninitiated, I struggled to solve this problem so if you leave the server and you have as message connection time out each time without possibility to reconnect to your server, you must restart the firewall then reconnect. Once reconnected, you need to authorize ssh with this command: sudo ufw allow ssh
You'll have no more connection problems
can't find words to thank uuuu , perfeeect
You are the BEST! Thank you so much, it was very helpful for me!!!
Thanks bro, I've litreally wasted my whole day searching for this exact content.
great work... amazing video...
Thank you very much. Easy to follow!
Words can't thank you enough bro..I'll definitely give a vote of thanks/acknowledgement to you on my applications once I deploy and get them running for business.. you're God sent man..
Then I kind of have issues in reading data on select tags when performing the update part of my CRUDs... Also dependent tags have kept me at a place for 2 days now, I kind of got to figure it out today but it shows the retrieved data on my network inspection tool, but while reading it out on the page, it doesn't show the data's I see on my network🤦, kind of left where ever I had tags in my updates pages and went on with other things...if you could illustrate these in you next tutorials please, I would be grateful.. the dependent tags are like country->states relationships
As always - awesome!
This is exactly what I was looking for 👌
best practical tutorial ever thank you
Truly helpful and amazing video
Love tutorials, I just made a payment with your coupon. Thanks
Great tutorial, don't forget guys to allow ssh by "ufw allow ssh", so u can connect again
Thank you so much. This is what i need!
Nice explanation!! Thats helps a lot
Me here learning server management so i can use the knowledge on my freelance project. Thanks.
thanks you so much you learn all the way to do what i want, really thanks 😄
u r great bro , thank u
Thank you for it man love it.
I have subscribed, Liked and commented. Thanks for your effort.
Amazing video really helpful! Thanks!
Perfect. simple and objective.
+1 registered!
Suggestion: Also show on AWS.
I am crying with love for this channel.
😀😀.. aswearuGad!!
This is great!!
the best tutorial for junior devops :D
amazing bro, thank you so much!
Harika ötesi bir video. Çok teşekkür ederim hocam. Sevgiler, saygılar.
Thanks so much, this is very helpful.
really useful with me, thanks a lot
Thank you so much!! really this video help me to upload the project for my first client to VPS. Yo saved me, I've been watching other videos and reading other documentation and I hadn't been able to did it. I spent days to achieved it and thank to you I could do it! greetings from Latam! big hug!
I'm in the same situation as you. can you help me ?
@@trechosdelivros4445 what is your specific problem? If you follow the same steps in the video you’ll get it (obviously with different names for your project ). But might be could I help you
Wow great bro keep going
I decided to share my knowledge on TH-cam as well 🙏👍
Can't describe the good feeling i have now
Thanks:)
مرحبا عندي بعض الأسئله عن هذا الموضوع فممكن اسئلك اذا انت فاهم الموضوع. انا بصراحه لغه الانجليزيه ليسه بالجيده. فأحببت اسئلك اذا ما في عندك مانع
Amazing ! Just amazing.
Thank you for this tutorial !
detailed, clean, effective
I love you bro! Thanks so much!
would have like the portion over DNS config but still a huge banger this video. thk's boss
amazing tutorials. even i've seen you portfolio you've made amazing projects. could you please make videos tutorials on that projects too. like slack clone, TH-cam, google, twitter clones and etc. please make tutorials on these, i'm waiting for it. keep making amazing production level projects.
thank you lama dev !
Thank you so much Lama Dev
Thank you very much bro!
you earned a subscriber here...
awesome tutorial... 👏
Wow! Good job! Thanks!
Great video 😍
a helpful TH-cam video ever
thanks man , you saved many lifes
Waiting for next video 🍃
Mantap Om, englishnya clear banget ...
He's back PEOPLE! Heeeezzz BACK!
thanks so much!!
You're the MAN.💌
Thank you!
incredible thanks
underrated
Thank you so much Lama this is awesome. As a side note and warning for the rest of us, make sure to allow ssh before running "nginx 'Full Access'", nginx full access will only allow port 80 and 443. otherwise you will be locked out of your vps . just like I got locked out of my digitalocean droplet.
Have you deployed?
@@mohitckdubey yes i have
I have been locked out my vps too, I had to disable firewall to access again how to allow SSH access please?
it's "ufw allow ssh" I guess 😅
@@biniteshome1403 Can you share your whole code because I'm having login problem. And I don't have much knowledge of react latest version. Will you please??
Liked and subscribed babyyy 😎
Amazing tutorial LamaDev , you give us inspiration to learn everyday something new and make something new everyday. Can you make tutorial on deploying this project free . It will help most of the people like me , who are learning not able to afford buying Hostinger.
thank you for tutorial 👍
Thanks for the detailed video. which hardware I should choose for the 10 project portfolio?
Awesome 👍
Salute!
Lama in your next project before starting coding plz give a brief overview of how you think of starting any project?
Hi, thank you for the awesome video!
What I would like to know is if there is a reason to proxy pass to the public ip and use cors instead of proxy passing to localhost, which theoretically could lead to better performance?
Teşekkürler !
you're awesome
great Thank you @Lama Dev , please response when stuck on somewhere , one question , like netflix which using aws clould , is it good to use vps ? and what about security and streaming speed ?
Instant like, bro
You are best
your video is amazing dude, just one thing: don't forget to allow ssh in firewall, because when your IP is changed you won't be able to access to your vps from putty, if it ever happened to one of you, just access to your vps via your hosting vnc and write: ufw allow ssh then reload your server and reconnect from putty.
Yeah got locked out of my VPS first time round, thanks
For a 4-5 apps portfolio which server do you recommend? Thank u very much 👏👏👏
Awesome
Thankyou in advance for this tutorial :)
Be blessed from above only for the best!
at 17:42 if your page is not showing just disable firewall, run this command ufw disable
bro you are a legend please can you make same video with go daddy VPS?
When we enable ufw there is disruption on ssh connection as warned by the message, we can never again ssh into the server afterwards,
Super
Make deployment on ubuntu nginx, aws .also image upload on aws s3 using multers3 and aws sdk