Deploy Node.js and React Apps | Full Deployment /w Nginx VPS, SSL
Vložit
- čas přidán 27. 07. 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 - Věda a technologie
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
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!!!.
This is the most accurate tutorial to real deploy a frontend + backend, you're awesome, thanks!
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
Your tutorials are so on point. Good job!
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 really love this deployment tutorial of the Netflix app!
Ş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
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
This is the best CZcams on app deployment.
Thank you so much. You made my day
I can't stop watching this video😍 loved it. Thank you so much man❤
Bro really needed this very Little good content out there regarding real time deployment usiing nginx ...thanks
Thanks. Your tutorial was well made and it help me a lot to put my react website online! :) Good job!
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
you are such a kind person. You just nailed it and it is really helpful
Thank you very much. The best tutorial to deploy a MERN app.
Thank you bro. Your videos always a salvation to me
Hi Lama. Your tutorial helped me a lot. Hugs and Cheers 4 U!
I am crying with love for this channel.
😀😀.. aswearuGad!!
You are the BEST! Thank you so much, it was very helpful for me!!!
As always - awesome!
The best tutorial I've seen about this topic thanks u man!
This is exactly what I was looking for 👌
best deployment tutorial thanks a lot Eng. Lama
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, CZcams, google, twitter clones and etc. please make tutorials on these, i'm waiting for it. keep making amazing production level projects.
Perfect. simple and objective.
+1 registered!
Suggestion: Also show on AWS.
Thank you for it man love it.
Thank you very much. Easy to follow!
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
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
Thanks bro, I've litreally wasted my whole day searching for this exact content.
Great tutorial, don't forget guys to allow ssh by "ufw allow ssh", so u can connect again
can't find words to thank uuuu , perfeeect
best practical tutorial ever thank you
the best tutorial for junior devops :D
Thank you so much. This is what i need!
Love tutorials, I just made a payment with your coupon. Thanks
I have subscribed, Liked and commented. Thanks for your effort.
He's back PEOPLE! Heeeezzz BACK!
Amazing video really helpful! Thanks!
Nice explanation!! Thats helps a lot
Truly helpful and amazing video
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.
great work... amazing video...
you earned a subscriber here...
awesome tutorial... 👏
Wow great bro keep going
I decided to share my knowledge on CZcams as well 🙏👍
Great video 😍
thanks you so much you learn all the way to do what i want, really thanks 😄
really useful with me, thanks a lot
Can't describe the good feeling i have now
Thanks:)
مرحبا عندي بعض الأسئله عن هذا الموضوع فممكن اسئلك اذا انت فاهم الموضوع. انا بصراحه لغه الانجليزيه ليسه بالجيده. فأحببت اسئلك اذا ما في عندك مانع
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
Harika ötesi bir video. Çok teşekkür ederim hocam. Sevgiler, saygılar.
Thanks for the detailed video. which hardware I should choose for the 10 project portfolio?
Thanks so much, this is very helpful.
amazing bro, thank you so much!
Mantap Om, englishnya clear banget ...
Me here learning server management so i can use the knowledge on my freelance project. Thanks.
would have like the portion over DNS config but still a huge banger this video. thk's boss
I love you bro! Thanks so much!
Thank you for this tutorial !
Wow! Good job! Thanks!
This is great!!
thank you lama dev !
u r great bro , thank u
Amazing ! Just amazing.
Liked and subscribed babyyy 😎
Waiting for next video 🍃
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??
detailed, clean, effective
thanks man , you saved many lifes
Lama in your next project before starting coding plz give a brief overview of how you think of starting any project?
Thank you very much bro!
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?
a helpful CZcams video ever
You're the MAN.💌
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 ?
For a 4-5 apps portfolio which server do you recommend? Thank u very much 👏👏👏
thanks so much!!
Make deployment on ubuntu nginx, aws .also image upload on aws s3 using multers3 and aws sdk
underrated
thank you for tutorial 👍
incredible thanks
When we enable ufw there is disruption on ssh connection as warned by the message, we can never again ssh into the server afterwards,
Instant like, bro
Thank you!
Salute!
Thanks Lama for great contents
I m just trying to deploy one app on nginx everythings works fine, but i can't reach my assets folder located in my api. /api/assets/images. Please can you give some trics?
at 17:42 if your page is not showing just disable firewall, run this command ufw disable
can you write a tutorial on how to do the same from centos 7 CWP enabled?
Awesome 👍
very appreciated, nice tutorual but you should pont that when activating the ufw you should add the ssh rules, so when you try to connect again later it will let you connect
I just locked myself out of my server lol.
@@omardotbio I did too
@@atulya3344 rip lmao
Here i am, reinstalling the OS xD
@@shariqarif1476 lol
First option is okey for an app with1000 active users?
Hi would you be able to give me some advice? I have a React.js app which I deployed on hostinger. My React.js uses axiom to connect to Springboot API which then uses a GET call to retrieve information from Database. So far, I have uploaded the React.js app to my hostinger account and connected it with my domain. The problem is that I am not really sure how I would connect the other two components. Do I have to use VPS to upload my Springboot API and then connect it to mySQL DB on hostinger? Will appreciate any pointers. Thank you
hi nice tutorial...i followed your steps and deploy this project...but api server not connecting to client and admin page is not display any think which is shown black...where i did mistake....seperately api-server is working but ...and given details in .env file but api not hitting to client displayed only register ...other pages is not working..can you suggest me ...
can you please add a video hosting the same application using docker ?
bro you are a legend please can you make same video with go daddy VPS?
why use nginx and not apache already installed on ubuntu ?