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

Поделиться
HTML-код
  • Опубликовано: 3 фев 2025

Комментарии • 95

  • @CodeExplained
    @CodeExplained  5 месяцев назад +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.
    RUclips 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 RUclips 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, RUclips 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!!!

  • @fmaciel2
    @fmaciel2 2 года назад +4

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

  • @accuiel1658
    @accuiel1658 2 года назад

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

  • @abasifrekeessien3628
    @abasifrekeessien3628 8 месяцев назад

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

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

  • @HardcorePanda
    @HardcorePanda 3 года назад +2

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

  • @mantenimientosedes5573
    @mantenimientosedes5573 3 года назад

    awesome video, in 2022 fully works , thanks

    • @CodeExplained
      @CodeExplained  2 года назад

      You're welcome and thanks for the feedback

  • @umyothein7363
    @umyothein7363 Год назад

    you saved my day bro..Absolutely loved it

  • @fredericgaufichon7373
    @fredericgaufichon7373 2 года назад +1

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

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

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

  • @androidtechsayed201
    @androidtechsayed201 2 года назад

    This is one of the great video!

  • @mistrall01
    @mistrall01 2 года назад

    Thanks a lot !! it was very clear information

  • @morshedulislamriaad6496
    @morshedulislamriaad6496 3 года назад

    I'm glad I found this video.

  • @HimanshuKumar-xz5tk
    @HimanshuKumar-xz5tk 3 года назад +1

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

  • @zizheruan3110
    @zizheruan3110 Год назад

    Great tutorial! clear and complete.

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

  • @nicknameis
    @nicknameis Год назад

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

  • @waystomobileapps
    @waystomobileapps 3 года назад

    The best one so far !

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

  • @EnglishRain
    @EnglishRain 2 года назад

    Excellent tutorial, thank you!

  • @worldofdoge1823
    @worldofdoge1823 2 года назад

    Helpful guide. Thanks!

  • @geepy5708
    @geepy5708 Год назад

    Nice and clear

  • @lokeshjain9685
    @lokeshjain9685 Год назад

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

  • @mohamadhosein6319
    @mohamadhosein6319 Год назад

    Great man! thank you very much

  • @DevNightly
    @DevNightly 3 года назад

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

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

    Wow! Amazing tutorial! Thanks!

  • @namoan1216
    @namoan1216 2 года назад

    This is absolutely amazing

  • @iamlande3979
    @iamlande3979 2 года назад

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

  • @fadikhalil7388
    @fadikhalil7388 3 года назад

    What a useful Tutorial, Thanks :)

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

  • @amangdailylife
    @amangdailylife 2 года назад

    Very useful , I subscribed.

  • @antonioyosica
    @antonioyosica 2 года назад

    Great thanks for this video 🙏!

  • @g-laveli
    @g-laveli 3 года назад

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

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

  • @siambinkhurshid544
    @siambinkhurshid544 3 года назад

    Thank you very much for your lecture :)

  • @thesmartideas4246
    @thesmartideas4246 3 года назад

    Can we also deploy next js like this please reply

  • @yeei4611
    @yeei4611 2 года назад

    You're the best

  • @NoName-oh9fh
    @NoName-oh9fh 3 года назад

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

    • @CodeExplained
      @CodeExplained  3 года назад +1

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

  • @pitrzelis
    @pitrzelis 2 года назад

    Great tutorial.

  • @UmutUfukUtku
    @UmutUfukUtku 2 года назад

    thanks for this.

  • @keyjeyelpi
    @keyjeyelpi 3 года назад

    Hi! I wanted to ask if it's possible to deploy multiple react builds in a single 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!

  • @pedro.sh101
    @pedro.sh101 2 года назад

    thank you very much!

  • @dicce7082
    @dicce7082 7 месяцев назад

    THANK YOU

  • @DeirsMoments
    @DeirsMoments 3 года назад

    it works. thanks a lot. 😁

  • @AlexyMiro
    @AlexyMiro Год назад

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

  • @aguspepee
    @aguspepee 2 года назад

    So so good!

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

  • @ARQYTECNOLOGIA
    @ARQYTECNOLOGIA Год назад

    Thanks !!

  • @Ipborisenkoan20
    @Ipborisenkoan20 3 года назад

    awesome ! Huge thanks!

  • @nitinupadhyay9193
    @nitinupadhyay9193 3 года назад

    This is brilliant!

  • @muhammadabdullah2768
    @muhammadabdullah2768 Месяц назад

    How to deploy on contabo

  • @ramdelstudio6843
    @ramdelstudio6843 3 года назад

    Thank you so much

  • @chousonic
    @chousonic 3 года назад

    thanks a lot !!

  • @fishmarkholmes1834
    @fishmarkholmes1834 3 года назад

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

  • @ALLAOUAOKBA
    @ALLAOUAOKBA 11 месяцев назад

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