Learn How To Deploy a React App To a VPS | Ubuntu 20.04 Server With NGINX

Поділитися
Вставка
  • Опубліковано 23 січ 2025

КОМЕНТАРІ • 95

  • @CodeExplained
    @CodeExplained  4 місяці тому +1

    🚨 Big Announcement! 🚨
    Hey everyone! I've made a big decision for this channel-I've turned off ads on all my videos! That's right, you can now enjoy all my content ad-free! This means I'm earning $0 from ad revenue, but I believe this is the right move to make your viewing experience better.
    If you find my content valuable and want to support my work, there are several ways you can help:
    Like & Share: Simply liking the video and sharing it with friends helps a lot!
    Subscribe & Hit the Bell: Stay updated and never miss a new video.
    UA-cam Thanks: Use the "Thanks" button below to send a one-time donation.
    Join the Channel Community: Get exclusive perks and behind-the-scenes content.
    Buy Me a Coffee: buymeacoffee.com/CodeExplained
    PayPal Donation: www.paypal.com/paypalme/CodeExplained
    Every little bit counts and goes directly to creating more high-quality content for you all. Thank you so much for your continued support!
    Let’s keep growing and learning together! 🌟

  • @Amir-bz1fk
    @Amir-bz1fk 2 роки тому +8

    OMG I've been watching coding tutorials on UA-cam over the past 2 years on many different technologies, and I can say this one was absolutely one of the bests. Keep it up man ❤️

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

    thank you man I was trying to deploy my app around 4 hours and I found your video so this is so cute thank you again

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

    what a legend, UA-cam teachers always come in clutch, cheers

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

      I am about to cry I was trying to just look for the hosting but you came in with the SSL certificate swell, legend

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

    Thank you dude!!! Just so painful 20+ hours of deploying has finished, thanks to you. Keep going, you are the best!!!

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

    Been looking for this exact thing for the past 3 days, you just saved me a client. Really appreciate!!

  • @fmaciel2
    @fmaciel2 2 роки тому +4

    Great tutorial! Thank you VERY MUCH! You saved me several hours of searching. Great work!

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

    I think there is one minor step missing, which is that you will need to start nginx after installing, with `systemctl start nginx`. Great video, thank you!

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

      I think there is no need for that, cause we started nginx services.

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

    This Tutorial is Beast Mode.
    The Best of it all.

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

    you saved my day bro..Absolutely loved it

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

    wow so good. filled with very useful stuff in a decent short video.

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

    Hello, please I have an app that have a backend that connect the frontend with a LocalHost Port. how should I configure these during hosting?, and where should I put environment variables , Thank you

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

    If we change something in our git repo, we just need to do git pull in putty and then npm run build etc ?

    • @pedro.sh101
      @pedro.sh101 2 роки тому

      did u discovered that tony?

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

    Great tutorial! clear and complete.

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

    The best one so far !

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

    Thank you very much, exactly what I needed and well explained

  • @HimanshuKumar-xz5tk
    @HimanshuKumar-xz5tk 3 роки тому +1

    How to add environment variables ? Do I simply add it in build folder inside .env ?

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

    This is one of the great video!

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

    What a useful Tutorial, Thanks :)

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

    do we really need to install node and npm into the server?

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

    Awesome tutorial, everything worked greatly. What would be the best way to update the files on the server with the github repo?

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

    mine hostinger VPS IP do not show any kind of default page even after having var ww html index html in that

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

    Did you preconfigured Git? I made a new GitHub account to do this but the GitHub part didn't work for me; it says "not a git repository" :(

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

    Hi There ! one doubt regarding updating the files within the build folder. What about replacing the index.html file. can you help me on this!

  • @Логовотестировщика

    Wow! Amazing tutorial! Thanks!

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

    Excellent tutorial, thank you!

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

    Thanks a lot !! it was very clear information

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

    awesome video, in 2022 fully works , thanks

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

      You're welcome and thanks for the feedback

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

    What about adding .env files (which we don't store in github) into VPS?

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

    This is absolutely amazing

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

    Very useful , I subscribed.

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

    Helpful guide. Thanks!

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

    did everything, was able to clone git repo, build react and so on..but 502 error =(

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

    This is brilliant!

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

    it works. thanks a lot. 😁

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

    Great man! thank you very much

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

    I'm glad I found this video.

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

    Nice and clear

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

    Hi! I wanted to ask if it's possible to deploy multiple react builds in a single server.

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

    You're the best

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

    Great thanks for this video 🙏!

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

    Problem with page reload page error. Need .htaccess file?

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

      Nginx does not use . htaccess files like Apache does.

    • @Cherry-c2f
      @Cherry-c2f 3 роки тому +1

      Yeah same problem when I reload it shows 404 error .how to modify it ??

    • @Cherry-c2f
      @Cherry-c2f 3 роки тому +1

      @@CodeExplained how to avoid 404 error after refreshing

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

    awesome ! Huge thanks!

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

    Great tutorial.

  • @g-laveli
    @g-laveli 3 роки тому

    Obrigado, graças ao seu vídeo consegui fazer o deploy na oracle!

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

    Thank you very much for your lecture :)

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

    how build folder is created
    I am not using react
    I am using simply nodeJs
    What Should I do .
    I had used start in the script i.e "start":"node app.js"

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

      Please watch another video on how to deploy your app!

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

    So so good!

  • @NoName-oh9fh
    @NoName-oh9fh 3 роки тому

    Полезное видео. Запишите ещё как опубликовать nextJS приложение с настройкой nginx конфигурационного файла.

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

      Thanks, I will see what I can do about that.

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

    thanks for this.

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

    This site can’t be reached. Please help! I followed the instructions

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

    Thanks !!

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

    Can we also deploy next js like this please reply

  • @pedro.sh101
    @pedro.sh101 2 роки тому

    thank you very much!

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

    THANK YOU

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

    Thank you for your efforts, can you make video tutorials about:
    Learn Nod.js in one hour.

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

    thanks a lot !!

  • @user-420i
    @user-420i 2 роки тому

    it couldnt be better, apart from using putty (im used to mobaxterm) everything is what i did or needed to do

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

    Thank you so much

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

    How to deploy on contabo

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

    what about running the app in docker port 3000, I cannot access my website at all