The Best Way to Host & Deploy a React Application

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

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

  • @TricoliciSerghei
    @TricoliciSerghei 2 года назад +16

    It's incredible what we can do these days in a couple of minutes. Thank you and all the services that make this possible.

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

      eat sleep code repeat freecodecamp, dude.

  • @abhishekingle3542
    @abhishekingle3542 9 месяцев назад

    Even after 3 years, this video is a gold. I really appreciate this video as it straightaway cut the BS and went straight to the point. Thanks again..

  • @Piyush_Arora
    @Piyush_Arora 2 года назад +5

    Yo dude, I was struggling a lot with the useless info here on youtube for uploading a project to a new repo.
    Your video actually helped and explained the crucial things that I was looking for.
    Thanks, man.

  • @akashdeepnandi
    @akashdeepnandi 4 года назад +33

    As always concise and precise. ❤️

  • @soniaCodes
    @soniaCodes 6 месяцев назад

    I can't express enough how happy I am to have found this video :) after hours of failing to deploy my app, this worked like a treat!

  • @moayedmustafa9673
    @moayedmustafa9673 4 года назад +8

    I got to tell you, man! you are very good at what you do, I learn something new every time I watch any of your videos and I know you are going to blow up! keep the fantastic work my dude!

  • @willfawthrop4593
    @willfawthrop4593 3 года назад +153

    I feel like this video along with many others are missing a fundamental factor. Which is most react apps use some sort of API. Its very common its a node based API. A more complete/comprehensive tutorial would be to demonstrate how to deploy BOTH the API and the APP and how to make them connect to work together.

    • @owninggreendragsdude
      @owninggreendragsdude 3 года назад +5

      Yes!!

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

      OK. So, can you still use Netlify?

    • @tomasburian6550
      @tomasburian6550 3 года назад +12

      I absolutely second that as I had expected that everyone who'd speak of deploying React apps would cover that.

    • @SuperDefender14
      @SuperDefender14 3 года назад +6

      Anyone find any resources for how to do that?

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

      @@SuperDefender14 I use course on udemy "react for the rest of us"

  • @jw-yo5lp
    @jw-yo5lp 2 года назад +2

    I love how he goes through the version control commands intead of just using the vscode extension to do it quicker, crazy how it was only 2 years ago i had no clue how to work with version control

  • @santra528
    @santra528 4 года назад +15

    This was very helpful video. I am learning React now. Earlier I had deployed my Vanilla JS project in Netlify but did not know the deploying React project in Netlify will be so simple. Netlify makes it very easy to deploy projects but the only downside is that the loading speed is slightly slow but its fine

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

    I was searching solutions for problems of deployment everywhere I found nothing and then found this videos it explained me everything all problems get solved.... Thank you so much.... New subscriber 👌🔥

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

    honestly. this was by far the best and simplest explanation ever. thx a lot

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

    Thanks all the Gods🙏 I spent the last 3 hours & you solved my issue in literally 5 mins👁👄👁

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

    Thank you so much. I was hitting so many snags trying to use github when all I needed was a quick upload to check for responsiveness. This was perfect.

  • @cn.6701
    @cn.6701 2 года назад +1

    The best tutorial I've ever seen, this is the only one I managed to solve my problem. Thanks!

  • @rishabhsharma8234
    @rishabhsharma8234 3 года назад +6

    Amazing ! so elegantly taught.Thank you for this.

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

    Hands down bro... this is the video I wanted to see from last 2 years... :)

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

    You are the absolute best in RUclips. Thank you for all of your effort.

  • @hemanthaabeywardena3442
    @hemanthaabeywardena3442 3 года назад +3

    Very clear description and instructions in a short time. Well done! Thank you.

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

    😀🥰🙂👍👍👍👍👍👍I suffered with Linux server! I thought I would have to write the backend! Thank you very much, now I can easily publish my project!

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

    First method: 3:17
    Second Method: 5:25

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

    Video I have been looking for in the past few months

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

    Thankyou so much Brother, I am suffering from Some Error while hosting the website and Now I am Feeling Great Thanks man🖤

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

    you mad emy life so easy!! with this video!! Thank you thank you thank you!! Abundantly grateful!!

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

    really helpful, I was frustrated as github pages hosting sucked
    thanks a bunch man
    netlify is awesome, so are you, thanks man

  • @WilliamJordan-pd4pi
    @WilliamJordan-pd4pi Год назад

    Really appreciate the ease of this video!! Thanks for posting this!!

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

    I watched many videos.but not gaining anything but this video helps me alot..thanks 🙏

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

    Very useful! Short, clear and concise. Thank you!

  • @adimaralimuddin1782
    @adimaralimuddin1782 4 года назад +3

    simple, yet very informative.. you just cleared it all up for me. thanks man.. keep up the good work!

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

    I came to look how I can have a SPA build using React with continous data transfer to databases on a server. But found this video, it's great for front end development. Nice video. ♥

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

    Really you deserve million of likes buddy it's really help me alot
    Thank uuuuu sooooo much ❤❤❤❤❤❤ buddy

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

    You are amazing I can not say any thing else, this channel gives every thing should be learnt to become great developer 👏👏👏👏👏👏

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

    I was always using GitHub pages but I will now use netify from now on

  • @srivenkat0007
    @srivenkat0007 21 день назад +1

    Thank you So much It worked For me ❤❤

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

    Another great video. I followed this lesson using netlify.

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

    Great video, I was getting frustrated and you saved me, thank you very much From Chile

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

    After so many tries you helped me❤😂. Keep up the good work

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

    This is great my bro🥰

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

    MOST AWESOME VIDEO I HAVE EVER WATCHED

  • @EmihleBooi-yu9zj
    @EmihleBooi-yu9zj 3 месяца назад +1

    wowcan't believed my whole morning submitting the whole folder for the project instead of the the build folder

  • @MegaArmien
    @MegaArmien 4 года назад +1

    You are the man !! To the point explainantions

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

    Literally just freaking perfect man thank you so much

  • @mihai-alexandrubujor9826
    @mihai-alexandrubujor9826 4 года назад +2

    Great video as usual!

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

    Probably the fastes like and subscribe so far 🙇‍♂️

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

      Probably the fastest reply to a comment so far 👌

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

      And even faster like and comment 🤷‍♂️

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

    The video has been very useful to me since i can host any piece anytime

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

    Wow, that was soo easy. I had no idea that it was this simple

  • @MohamedHassan-nj3lu
    @MohamedHassan-nj3lu 3 года назад +2

    Thanks a lot! ❤️
    your teaching approach is magical 👌

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

    your wallpaper is awesome! 😍

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

    I absolutely LOVE this! So easy to follow for fellow beginners like me!! Thank you so much! 2021 subscriber here!

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

    Really a great and straight to the point tutorial

  • @study-focus-vibe
    @study-focus-vibe 2 года назад

    Thanks for this video man! liked and subscribed, keep making great content

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

    As always your awesome.... Your content is very useful.

  • @ShashankKokkula
    @ShashankKokkula 5 месяцев назад

    THIS IS THE BEST!!!!!!! Thank you so much

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

    Best tutorials on RUclips

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

    This is a most usefull video. You have a high teaching skills. Thanks lots..❤

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

    Man man man you are simply awesome love u lot.This video is a legendary video.

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

    Excellent vid! THX bro 👊

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

    Thank you for the awesome tutorial. You are always make everything simple and easy to understand. :)

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

    Quick question: is there a reason you followed the steps to create a new repository when pushing to GitHub? My understanding is that Create-React-App already creates a git repo in your project directory, so you just need to push it to the GitHub repo.

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

      No, CRA only init's git. No remote is added, therefore there is no upstream to push to; which means you need to add an remote upstream

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

      @@chiperror2441 6 months later haha but actually you said exactly the same thing I said.

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

      @@danielvillegas7013 How did I say the *exactly* same thing as you? You asked for if you could push, and no, you need to add a remote. I don't see how that is the same.

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

    Very clear Good Job Man

  • @The.SpiritualScientist
    @The.SpiritualScientist 2 года назад

    Brilliant video. Thanks for uploading.

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

    Best Video. Helpful

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

    Great Work, Nice tutorial, everything is on point.

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

    Thanks for making this easy and quick 💕 Could you please explain how to deploy a site to cPanel?

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

    Nice tutorial !!! Think you so much

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

    This video is superb! You're amazing. Always saving the beginners. Thank you so much!

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

    Thank you so much!! Very effective

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

    Thanks a lot man, npm run build did the trick

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

    Thank you!!
    Excellent explanation :)

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

    Thank you for superb explanation👏

  • @ktn4
    @ktn4 4 года назад +1

    Thanks master, very helpful!

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

    I'm so grateful man

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

    Thank you so much it's very helpful video for me!!!

  • @0MadScientis0
    @0MadScientis0 3 года назад

    Thank you so much! Saved a life

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

    Incredible , thank you so much

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

    wow its really super bro thanks for the video :)

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

    Thank you so much champ 💯

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

    Absolutely fantastic material

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

    Hello friend, I congratulate you for this excellent video, professionally explained, clear, direct and smooth, I followed it as you indicated and everything worked perfectly. I will be attentive to new publications. Greetings and success !!

  • @rpavanshetty
    @rpavanshetty 4 года назад +1

    Crisp and insightful ❤️

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

    thanks Guru .. love from India

  • @BonsaiMagic
    @BonsaiMagic 6 месяцев назад

    I learned a lot now thank you

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

    Thank you for that Very Helpful Information

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

    Thank you so much!

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

    Thanks for this video!

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

    Awesome tutorial

  • @AmarjeetKumar-yh2sp
    @AmarjeetKumar-yh2sp 3 года назад

    super knowledgeable video thank you so much..

  • @antonscuola290
    @antonscuola290 6 месяцев назад

    love it clear and neat

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

    Thank you very much I really love this video

  • @software-sage
    @software-sage 3 года назад

    Very clear explanation

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

    Is there any extra settings I need to look for when buying hosting?

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

    Awesome Video !!

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

    Im SHOCKED this is so simple!

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

    This is really helpful 👍

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

    This was interesting. Thank you.

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

    Thanks, man it helps a lot !!!

  • @eternalcalm8080
    @eternalcalm8080 4 года назад +3

    hello I am switching to a new laptop, my old laptop has many react application built from your awesome tutorials, but when i transfer folders to my new laptop should I have to npx create-react-app for every projects and delete the boilerplate code or is there an easy way, basically I want to sync my vs code settings for react projects.

    • @javascriptmastery
      @javascriptmastery  4 года назад +4

      Just delete the node modules before transferring and then run npm i on the new pc

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

    thank you bro it is really super ♥♥♥

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

    This video changed my business life

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

    thanks sir , but can we deploty a fullstack MERN app - that contains frontend and backend directories -to netlify ? if yes , how ?

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

    Hi, thx for all your work and accurate infos ! Dunno why, I don't dare to use Netlify, Git etc..., even for testing, as if I was "stealing" space and ressources ... Maybe I'm too old. Once again, thanks from France for your great job!