Deploy Node.js and React Apps | Full Deployment /w Nginx VPS, SSL

Поділитися
Вставка
  • Опубліковано 30 вер 2024

КОМЕНТАРІ • 238

  • @technoinfoworldwide2329
    @technoinfoworldwide2329 3 роки тому +7

    Make deployment on ubuntu nginx, aws .also image upload on aws s3 using multers3 and aws sdk

  • @iotexnoob5305
    @iotexnoob5305 2 роки тому +3

    Hey, I followed all the steps all the way to 17:50 but for some reason I get this error with nginx -t :
    nginx: [crit] pread() "/etc/nginx/sites-enabled/neas" failed (21: Is a directory)
    nginx: configuration file /etc/nginx/nginx.conf test failed
    Do you know of any fixes?

    • @andrronov
      @andrronov 7 місяців тому

      hey! have you solved this problem? i have a same one

  • @nsolomonsudhirprabhakar7317
    @nsolomonsudhirprabhakar7317 Рік тому +2

    When we enable ufw there is disruption on ssh connection as warned by the message, we can never again ssh into the server afterwards,

  • @psycodreamcx7739
    @psycodreamcx7739 2 роки тому +31

    This is the most accurate tutorial to real deploy a frontend + backend, you're awesome, thanks!

    • @pastuh
      @pastuh 2 роки тому

      Compared to laravel it's really hard :X
      In Laravel you just push to git and it uploads all data to server.. There I see need every time build project after every web update :X

    • @sweatypotato248
      @sweatypotato248 2 роки тому +1

      @@pastuh build can be automated on Code side or server side you dont have to run Npm build

    • @corizoncodes
      @corizoncodes 11 місяців тому

      Hey, please. How do I automate the build process@@sweatypotato248

  • @ahmedkhlifi6941
    @ahmedkhlifi6941 11 місяців тому +4

    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

  • @adabachir-dc2ev
    @adabachir-dc2ev 3 місяці тому +1

    i have a big problem
    can anyone help me
    when i deploy react, nodejs with nginx , after two days , nginx consume all the CPU until 99.9

  • @AlejandroRL868
    @AlejandroRL868 2 роки тому +6

    This is the most accurate tutorial to real deploy a frontend + backend, you're awesome, thanks!

  • @usamairfan9573
    @usamairfan9573 2 роки тому +11

    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

  • @Furqangamerpk
    @Furqangamerpk 8 місяців тому

    at 17:42 if your page is not showing just disable firewall, run this command ufw disable

  • @ferdinandeke9590
    @ferdinandeke9590 3 роки тому +7

    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

  • @avijain6672
    @avijain6672 Рік тому +1

    Thanks bro, I've litreally wasted my whole day searching for this exact content.

  • @enesbc46
    @enesbc46 2 роки тому +1

    Şafak adamsın be böyle bir video arıyordum ve bir Türkten bunu görmek... Çok sağol!

  • @FirasKarboul
    @FirasKarboul Рік тому +5

    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.

    • @joshuadancey5031
      @joshuadancey5031 Рік тому +2

      Yeah got locked out of my VPS first time round, thanks

  • @sarabpreetsingh6147
    @sarabpreetsingh6147 Рік тому +1

    great work... amazing video...

  • @bryikcode
    @bryikcode Рік тому +1

    u r great bro , thank u

  • @kadirramazn
    @kadirramazn 5 місяців тому

    Merhaba, çok açıklayıcı olmuş ama aklımda bir soru işareti kaldı. Api içerisindeki back-end main index.js dosyasında https ile alakalı bir şey yapmadın sadece nginx içerisinde bir paket yükledin bu nasıl olabiliyor? Bu şekilde https olabiliyor mu bir site back-end'de hiçbir belirtme yapmadan

  • @achrafboucetta2275
    @achrafboucetta2275 2 роки тому +1

    Great tutorial, don't forget guys to allow ssh by "ufw allow ssh", so u can connect again

  • @CharcoalDaddyBBQ
    @CharcoalDaddyBBQ Рік тому +1

    This is great!!

  • @johndowning7446
    @johndowning7446 2 роки тому +5

    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!

    • @27sosite73
      @27sosite73 Рік тому

      does this video explain docker + nginex + node or only nginex + node?
      ty

    • @charbelandary6596
      @charbelandary6596 Рік тому

      @@27sosite73 didn't mention any docker just nginx with node and react

  •  3 роки тому +1

    First option is okey for an app with1000 active users?

  • @iqbal5942
    @iqbal5942 3 роки тому +2

    Hope next project is on an e-commerce website like amazon 😁

    • @wotizit
      @wotizit 3 роки тому +2

      then we can get hired at amazon xD

    • @iqbal5942
      @iqbal5942 3 роки тому +1

      @@wotizit inshallah

  • @akhtarmoradi8609
    @akhtarmoradi8609 Рік тому +1

    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!

  • @Emperor-dm9ts
    @Emperor-dm9ts 7 місяців тому

    After deploying my website when I want to makechanges to y front end, I doesn't save even after using npm build

  • @anowarulhassan5117
    @anowarulhassan5117 Рік тому

    Bro, how can we can setup email server with these applications... Please make a video 🙏🙏🙏🙏

  • @thi_thi_ko
    @thi_thi_ko 2 роки тому +2

    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!!!.

  • @chathurasamarajeewa1578
    @chathurasamarajeewa1578 3 місяці тому

    Need to update the content. Static files were not loaded and the config needed to change a little bit. Thank you for the awesome tutorial

  • @gabsghidini
    @gabsghidini 27 днів тому

    this tutorial has saved me, two times now, appreciate you!

  • @salaheldin9140
    @salaheldin9140 9 місяців тому

    hello guys, i have problem in post request it showing me a message 405 not allowed in any can solve it

  • @navdeepsingh42983
    @navdeepsingh42983 3 роки тому +2

    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, UA-cam, google, twitter clones and etc. please make tutorials on these, i'm waiting for it. keep making amazing production level projects.

  • @josuerbague6851
    @josuerbague6851 Рік тому

    Hello, is it normal to be unable to ssh back in to the server once the firewall is up? I end up having to reset the firewall once i get logged out.

  • @tanveerahmed9639
    @tanveerahmed9639 4 місяці тому

    where can i copy my mongo url? i dont have .env file fromwhere i can copy

  • @PROTECHRAHUL
    @PROTECHRAHUL Рік тому

    how to link with the domain insraed of the vps IP

  • @millanpoudel6197
    @millanpoudel6197 2 роки тому

    make a video on how to deploy the same netflix project with admin for free. BTW amazing work you are doing in this community
    THANK YOU SO MUCH.

  • @anonboi5392
    @anonboi5392 2 роки тому +1

    what if the frontend is made in nextjs how would we serve the build to nodejs then ?

    • @gabrielmoraes4516
      @gabrielmoraes4516 Рік тому

      I got the same question! I created a nextjs project but not sure how to set up the vps !

    • @anass.codes1
      @anass.codes1 9 місяців тому

      You can just use AWS Lambda and not worry about all this configuration! much easier and cheaper

  • @yazilimciningalaksirehberi
    @yazilimciningalaksirehberi 11 місяців тому

    Harika ötesi bir video. Çok teşekkür ederim hocam. Sevgiler, saygılar.

  • @dongyuexu4823
    @dongyuexu4823 Рік тому +1

    I really love this deployment tutorial of the Netflix app!

  • @666Imaginative
    @666Imaginative Рік тому

    Well I don’t have money so please can you help me with free version ?

  • @excybeats5321
    @excybeats5321 3 роки тому +1

    thank you so much , the problem is when i'm trying to get to the page with the IP but keep telling me 404 age not found

    • @krzemir1
      @krzemir1 Рік тому

      I have the same problem. Did you manage how to fix that?

  • @mohammadnoushadsiddiqi2550
    @mohammadnoushadsiddiqi2550 Рік тому

    putty UI is totally change now, so I can't be able to connect.

  • @raouffilali9617
    @raouffilali9617 4 місяці тому

    Truly helpful and amazing video

  • @SubzeroGamers100
    @SubzeroGamers100 2 роки тому +1

    thanks so much!!

  • @biniteshome1403
    @biniteshome1403 Рік тому +2

    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.

    • @mohitckdubey
      @mohitckdubey Рік тому

      Have you deployed?

    • @biniteshome1403
      @biniteshome1403 Рік тому

      @@mohitckdubey yes i have

    • @mehdibouchami7029
      @mehdibouchami7029 Рік тому

      I have been locked out my vps too, I had to disable firewall to access again how to allow SSH access please?

    • @mehdibouchami7029
      @mehdibouchami7029 Рік тому

      it's "ufw allow ssh" I guess 😅

    • @mohitckdubey
      @mohitckdubey Рік тому

      @@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??

  • @laponiec
    @laponiec 11 місяців тому

    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

  • @lytuan5836
    @lytuan5836 3 роки тому +1

    really useful with me, thanks a lot

  • @deepakmane387
    @deepakmane387 Рік тому

    anybody installed nextjs app on nginx on windows

  • @vinaysehwag459
    @vinaysehwag459 3 роки тому +1

    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.

  • @simonoldenhove9386
    @simonoldenhove9386 Рік тому

    If anybody had a connection problem to their host via SSH after that, for me it was because of ufw locking me out. I had to reinitialize firewall in hostinger settings, and then after i could connect again, re-enable ufw and adding "ufw allow ssh". All good now !

  • @llwebstylell242
    @llwebstylell242 Рік тому

    why dont work ssl for subdomain ?

  • @spurgeongnanprakasham
    @spurgeongnanprakasham Рік тому

    I'm trying to upload files using multer in my node backend and in react frontend I'm setting request body with some form data along with the file. Only that route throwing me unexpected token < error. Do I need to configure something to work multer with nginx. Please let me know

  • @anuragtiwari9793
    @anuragtiwari9793 Рік тому

    After using certbot for SSL certificate, my website is showing 404

  • @dutchvooriedereendvi2914
    @dutchvooriedereendvi2914 2 роки тому

    Thank you for your tutorial . I want flow you but i have one quation. how can i sent my big data to my hosting VPN. i saw in video. you sent all files to githup repo. but i have big videos size. can you help met the that ?
    becouse i don't understand how i can update my site with new items. please i want more help to make it.
    thank you ...

  • @kunaldhuria3935
    @kunaldhuria3935 3 місяці тому

    can we delpoy next js the same way ?

  • @usmanshahid1557
    @usmanshahid1557 Рік тому

    can we deploy mern app to hostinger Premium Web Hosting ??

  • @MdAmir-h6k
    @MdAmir-h6k 2 місяці тому

    I'm getting cors error how to fix

  • @dekafmusic
    @dekafmusic 5 місяців тому

    Me here learning server management so i can use the knowledge on my freelance project. Thanks.

  • @ponmanir6017
    @ponmanir6017 Рік тому

    I have subscribed, Liked and commented. Thanks for your effort.

  • @fethidoganx
    @fethidoganx Рік тому

    for those who cant similiar result like 17:59
    sudo systemctl reload nginx

  • @PeterAkaliro
    @PeterAkaliro 3 роки тому

    Love tutorials, I just made a payment with your coupon. Thanks

  • @charbelandary6596
    @charbelandary6596 Рік тому

    bro you are a legend please can you make same video with go daddy VPS?

  • @nicknameis
    @nicknameis Рік тому

    Is mySQL also deployed here?

  • @weedi5885
    @weedi5885 2 місяці тому

    The best tutorial I've seen about this topic thanks u man!

  • @nagasatishvadlamuri8486
    @nagasatishvadlamuri8486 2 роки тому

    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 ...

  • @lnamikaze8919
    @lnamikaze8919 2 роки тому

    would have like the portion over DNS config but still a huge banger this video. thk's boss

  • @bilelbelghith5432
    @bilelbelghith5432 Рік тому

    can you please add a video hosting the same application using docker ?

  • @rajshrishrimal2653
    @rajshrishrimal2653 3 роки тому +1

    Great video 😍

  • @StanOvidiu
    @StanOvidiu 3 роки тому +3

    Your tutorials are so on point. Good job!

  • @keimmeraltuve8452
    @keimmeraltuve8452 3 роки тому +7

    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

    • @omardotbio
      @omardotbio 2 роки тому +3

      I just locked myself out of my server lol.

    • @atulya3344
      @atulya3344 2 роки тому +3

      @@omardotbio I did too

    • @omardotbio
      @omardotbio 2 роки тому

      @@atulya3344 rip lmao

    • @shariqarif1476
      @shariqarif1476 Рік тому +1

      Here i am, reinstalling the OS xD

    • @basshunter90
      @basshunter90 Рік тому +1

      @@shariqarif1476 lol

  • @КириллУшаков-ы5щ
    @КириллУшаков-ы5щ 11 місяців тому

    Thank you very much bro!

  • @kalicesarkalicesar
    @kalicesarkalicesar Рік тому

    i follow your tutorial after.. sytemctl status i got an error rc-local.service

  • @fullmoon9975
    @fullmoon9975 6 місяців тому

    a helpful UA-cam video ever

  • @davsx6201
    @davsx6201 2 роки тому

    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?

  • @vernevens1598
    @vernevens1598 6 місяців тому

    Your instructions are no good.

  • @senimkl
    @senimkl Рік тому

    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

  • @smydo1164
    @smydo1164 8 місяців тому

    thanks you so much you learn all the way to do what i want, really thanks 😄

  • @kupinaa
    @kupinaa 10 місяців тому

    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?

  • @iamsanketdesai
    @iamsanketdesai 2 роки тому

    can users login to this website from their devices?

  • @michaelkiger-avianwebhosti202
    @michaelkiger-avianwebhosti202 2 роки тому

    I have a VPS running Apache and interested in running NGINX on the same server with Apache. How would this be configured?

  • @feth-eddinehanani7477
    @feth-eddinehanani7477 3 місяці тому

    can't find words to thank uuuu , perfeeect

  • @austinjohn8713
    @austinjohn8713 2 роки тому

    declaring an .env file as you have done lead to merge clash when you git pull into the server.

  • @robertoaffuso8753
    @robertoaffuso8753 Рік тому

    Amazing video really helpful! Thanks!

  • @mhslekbar
    @mhslekbar 11 місяців тому

    best deployment tutorial thanks a lot Eng. Lama

  • @utsavthapa7153
    @utsavthapa7153 2 роки тому

    how to deploy node api in https but you did in http : backend

  • @sunflowcloud7541
    @sunflowcloud7541 2 роки тому

    How use CI/CD with github Actions?

  • @wes7bg
    @wes7bg 6 місяців тому

    Amazing ! Just amazing.

  • @supunprasad9482
    @supunprasad9482 Місяць тому

    thank you lama dev

  • @gamerjah8312
    @gamerjah8312 5 місяців тому

    you forgot to change the code in some places so I can’t do the deployment

    • @gamerjah8312
      @gamerjah8312 5 місяців тому

      homepage.jsx axios = axios.create({ baseURL: process.env.API_URL }); 21:25

  • @paraschouhan5205
    @paraschouhan5205 Рік тому

    when enable UFW ,ssh acces stopped ? any solution

    • @salaheldin9140
      @salaheldin9140 9 місяців тому

      before you enable ufw write ( sudo ufw allow ssh ) then ufw enable

  • @unknown-1985
    @unknown-1985 Рік тому

    Teşekkürler !

  • @wissemgrari
    @wissemgrari Рік тому

    Thanks so much, this is very helpful.

  • @eumm11
    @eumm11 7 місяців тому

    amazing bro, thank you so much!

  • @medthelegend8930
    @medthelegend8930 2 роки тому +1

    you're awesome

  • @ritesh1211
    @ritesh1211 3 роки тому +4

    Bro try hosting React blog application.... I'm having issues while deploying it on heroku.....after removing that proxy: local host:3000/api/...try hosting this on heroku....we beginners really need this video....

    • @wotizit
      @wotizit 3 роки тому

      Just have your npm static build folder contents in ~/../var/www/html and configure your nginx config file to serve the frontend with that path and its essentially the same as any other static deployment.

    • @prathibhar3209
      @prathibhar3209 3 роки тому

      Were you able to resolve your issue about hosting the blog application? If so, please share what procedure you followed?

    • @ritesh1211
      @ritesh1211 3 роки тому

      @@prathibhar3209 Yes I tried hosting through heroku....my folder structure was like server folder and inside it client folder...I created build folder using npm run build and served this folder as an frontend... removed proxy and add
      "heroku-postbuild": "NPM_CONFIG_PRODUCTION=false npm install --prefix client && npm run build --prefix client"...and through heroku cli I pushed files to herok master:main ... application was running but I was not able to fetch any data..

    • @ritesh1211
      @ritesh1211 3 роки тому

      @Jack Saat bro actually I don't have any vps...also I'm a noobie...I just want to explore free resources first.....

  • @NoreddineSaiah
    @NoreddineSaiah Рік тому

    Thank you!

  • @vihigacountyreferralhospit2656
    @vihigacountyreferralhospit2656 2 роки тому

    can you write a tutorial on how to do the same from centos 7 CWP enabled?

  • @WebTrend
    @WebTrend 3 роки тому

    Wow great bro keep going
    I decided to share my knowledge on UA-cam as well 🙏👍

  • @comosaycomosah
    @comosaycomosah Місяць тому

    3 years still a lama

  • @jeremyh9841
    @jeremyh9841 3 роки тому

    why use nginx and not apache already installed on ubuntu ?

  • @nazirmudumane8830
    @nazirmudumane8830 Рік тому

    I can't stop watching this video😍 loved it. Thank you so much man❤

  • @iqbal5942
    @iqbal5942 3 роки тому

    Lama in your next project before starting coding plz give a brief overview of how you think of starting any project?

  • @kunaldhuria3935
    @kunaldhuria3935 Рік тому

    You are a God send human being Lama, can't express how grateful I am to you