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

แชร์
ฝัง
  • เผยแพร่เมื่อ 29 ก.ย. 2024

ความคิดเห็น • 94

  • @CodeExplained
    @CodeExplained  27 วันที่ผ่านมา

    🚨 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.
    TH-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! 🌟

  • @chousonic
    @chousonic 2 ปีที่แล้ว

    thanks a lot !!

  • @Amir-bz1fk
    @Amir-bz1fk 2 ปีที่แล้ว +8

    OMG I've been watching coding tutorials on TH-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 ❤️

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

  • @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 2 ปีที่แล้ว +1

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

    • @Cherry-c2f
      @Cherry-c2f 2 ปีที่แล้ว +1

      @@CodeExplained how to avoid 404 error after refreshing

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

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

  • @fmaciel2
    @fmaciel2 2 ปีที่แล้ว +4

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

  • @HimanshuKumar-xz5tk
    @HimanshuKumar-xz5tk 3 ปีที่แล้ว +1

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

  • @dangnguyen1736
    @dangnguyen1736 8 หลายเดือนก่อน

    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" :(

  • @ALLAOUAOKBA
    @ALLAOUAOKBA 7 หลายเดือนก่อน

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

  • @nicknameis
    @nicknameis 11 หลายเดือนก่อน

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

  • @FRESHGAMENEWS
    @FRESHGAMENEWS 10 หลายเดือนก่อน

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

  • @lokeshjain9685
    @lokeshjain9685 11 หลายเดือนก่อน

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

  • @iamlande3979
    @iamlande3979 2 ปีที่แล้ว

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

  • @user-420i
    @user-420i ปีที่แล้ว

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

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

  • @HardcorePanda
    @HardcorePanda 3 ปีที่แล้ว +2

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

  • @thesmartideas4246
    @thesmartideas4246 2 ปีที่แล้ว

    Can we also deploy next js like this please reply

  • @mohamadhosein6319
    @mohamadhosein6319 10 หลายเดือนก่อน

    Great man! thank you very much

  • @mel-182
    @mel-182 2 ปีที่แล้ว

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

  • @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!

  • @dicce7082
    @dicce7082 3 หลายเดือนก่อน

    THANK YOU

  • @UmutUfukUtku
    @UmutUfukUtku ปีที่แล้ว

    thanks for this.

  • @yeei4611
    @yeei4611 ปีที่แล้ว

    You're the best

  • @geepy5708
    @geepy5708 ปีที่แล้ว

    Nice and clear

  • @ARQYTECNOLOGIA
    @ARQYTECNOLOGIA 10 หลายเดือนก่อน

    Thanks !!

  • @fredericgaufichon7373
    @fredericgaufichon7373 2 ปีที่แล้ว +1

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

  • @fanimations2363
    @fanimations2363 2 ปีที่แล้ว

    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!

  • @keyjeyelpi
    @keyjeyelpi 2 ปีที่แล้ว

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

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

  • @abasifrekeessien3628
    @abasifrekeessien3628 4 หลายเดือนก่อน

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

  • @umyothein7363
    @umyothein7363 ปีที่แล้ว

    you saved my day bro..Absolutely loved it

  • @EnglishRain
    @EnglishRain ปีที่แล้ว

    Excellent tutorial, thank you!

  • @pedro.sh101
    @pedro.sh101 2 ปีที่แล้ว

    thank you very much!

  • @accuiel1658
    @accuiel1658 ปีที่แล้ว

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

  • @namoan1216
    @namoan1216 ปีที่แล้ว

    This is absolutely amazing

  • @androidtechsayed201
    @androidtechsayed201 2 ปีที่แล้ว

    This is one of the great video!

  • @zizheruan3110
    @zizheruan3110 ปีที่แล้ว

    Great tutorial! clear and complete.

  • @deirsetiawan7853
    @deirsetiawan7853 2 ปีที่แล้ว

    it works. thanks a lot. 😁

  • @mantenimientosedes5573
    @mantenimientosedes5573 2 ปีที่แล้ว

    awesome video, in 2022 fully works , thanks

    • @CodeExplained
      @CodeExplained  2 ปีที่แล้ว

      You're welcome and thanks for the feedback

  • @fadikhalil7388
    @fadikhalil7388 2 ปีที่แล้ว

    What a useful Tutorial, Thanks :)

  • @dcrypt9107
    @dcrypt9107 ปีที่แล้ว

    what a legend, TH-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

  • @aguspepee
    @aguspepee 2 ปีที่แล้ว

    So so good!

  • @mistrall01
    @mistrall01 2 ปีที่แล้ว

    Thanks a lot !! it was very clear information

  • @NoName-oh9fh
    @NoName-oh9fh 3 ปีที่แล้ว

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

    • @CodeExplained
      @CodeExplained  3 ปีที่แล้ว +1

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

  • @amangdailylife
    @amangdailylife 2 ปีที่แล้ว

    Very useful , I subscribed.

  • @worldofdoge1823
    @worldofdoge1823 2 ปีที่แล้ว

    Helpful guide. Thanks!

  • @morshedulislamriaad6496
    @morshedulislamriaad6496 3 ปีที่แล้ว

    I'm glad I found this video.

  • @fishmarkholmes1834
    @fishmarkholmes1834 3 ปีที่แล้ว

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

  • @Логовотестировщика
    @Логовотестировщика 3 ปีที่แล้ว

    Wow! Amazing tutorial! Thanks!

  • @antonioyosica
    @antonioyosica 2 ปีที่แล้ว

    Great thanks for this video 🙏!

  • @Ipborisenkoan20
    @Ipborisenkoan20 2 ปีที่แล้ว

    awesome ! Huge thanks!

  • @siambinkhurshid544
    @siambinkhurshid544 3 ปีที่แล้ว

    Thank you very much for your lecture :)

  • @waystomobileapps
    @waystomobileapps 2 ปีที่แล้ว

    The best one so far !

  • @ramdelstudio6843
    @ramdelstudio6843 3 ปีที่แล้ว

    Thank you so much

  • @g-laveli
    @g-laveli 3 ปีที่แล้ว

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

  • @pitrzelis
    @pitrzelis 2 ปีที่แล้ว

    Great tutorial.

  • @bersival
    @bersival ปีที่แล้ว +1

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

  • @nitinupadhyay9193
    @nitinupadhyay9193 3 ปีที่แล้ว

    This is brilliant!