The Best Way to Host & Deploy a React Application

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

КОМЕНТАРІ • 369

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

    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.

  • @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 2 роки тому +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"

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

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

    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!

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

  • @jw-yo5lp
    @jw-yo5lp Рік тому +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

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

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

  • @moayedmustafa9673
    @moayedmustafa9673 3 роки тому +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!

  • @akashdeepnandi
    @akashdeepnandi 4 роки тому +33

    As always concise and precise. ❤️

  • @EmihleBooi-yu9zj
    @EmihleBooi-yu9zj 2 місяці тому +1

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @rishabhsharma8234
    @rishabhsharma8234 3 роки тому +6

    Amazing ! so elegantly taught.Thank you for this.

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

    You are the absolute best in UA-cam. Thank you for all of your effort.

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

  • @WilliamJordan-pd4pi
    @WilliamJordan-pd4pi Рік тому

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

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

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

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

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

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

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

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

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

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

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

  • @malithsenanayakentgl-1052
    @malithsenanayakentgl-1052 2 роки тому

    Another great video. I followed this lesson using netlify.

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

    Video I have been looking for in the past few months

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

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

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

    This is great my bro🥰

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

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

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

    When I tried pushing my files. It asked me for username and password. I tried using the GitHub uname and passwd. But it was no success till now. Plz how can I do that?

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

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

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

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

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

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

  • @MegaArmien
    @MegaArmien 4 роки тому +1

    You are the man !! To the point explainantions

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

    your wallpaper is awesome! 😍

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

    Best tutorials on UA-cam

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

    This video changed my business life

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

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

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

    MOST AWESOME VIDEO I HAVE EVER WATCHED

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

    I wish you help us with a node js course. Thanks

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

    Im SHOCKED this is so simple!

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

    Literally just freaking perfect man thank you so much

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

    Thanks a lot man, npm run build did the trick

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

    netlify or vercel ? which is better ? can you please tell me

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

    all commands :
    npm run build
    npm start
    -----
    git command second time :
    git init
    $ git add .
    $ git commit -m 'change 2'
    $ git push -f

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

    thanks Guru .. love from India

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

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

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

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

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

    Very clear Good Job Man

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

    Really a great and straight to the point tutorial

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

    Nice tutorial !!! Think you so much

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

    Thank you for superb explanation👏

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

    Do tell some security limits to in netlify!!

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

    how did you manage to make your vs code terminal look this cool?

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

    wow, that was so simple, thanks so much for making this video!

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

    its too much useful for me. i was searching the video for deploy react project . finely i found it .

  • @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 2 роки тому

      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 2 роки тому

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

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

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

  • @MohamedHassan-nj3lu
    @MohamedHassan-nj3lu 3 роки тому +2

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

  • @software-sage
    @software-sage 3 роки тому

    Very clear explanation

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

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

  • @The.SpiritualScientist
    @The.SpiritualScientist 2 роки тому

    Brilliant video. Thanks for uploading.

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

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

    what program was it that was doing to autocompletion in your terminal?

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

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

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

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

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

    I learned a lot now thank you

  • @KrishnaPrasath95
    @KrishnaPrasath95 4 роки тому +4

    That's 😎cool,still waiting for a mern project ✌

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

    "Did you build an amazing React application"
    No I wouldn't call it that

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

    Thank you so much!! Very effective

  • @AmarjeetKumar-yh2sp
    @AmarjeetKumar-yh2sp 2 роки тому

    super knowledgeable video thank you so much..

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

    I like render. It has so many option for our sites

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

    Thank you for that Very Helpful Information

  • @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 🤷‍♂️

  • @sergiob3698
    @sergiob3698 4 роки тому +1

    What about APIs and Backend?
    Thank you!

    • @javascriptmastery
      @javascriptmastery  4 роки тому +1

      Heroku is best for that

    • @sergiob3698
      @sergiob3698 4 роки тому

      @@javascriptmastery Thank you.
      Please consider adding videos about it.

    • @sergiob3698
      @sergiob3698 4 роки тому

      @@javascriptmastery What's the benefit regarding Firebase for example?

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

    This was interesting. Thank you.

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

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

  • @RAHULKUMAR-wn8po
    @RAHULKUMAR-wn8po 2 роки тому

    3:46 Previously I only used Github pages for deploying.

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

  • @study-focus-vibe
    @study-focus-vibe 2 роки тому

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

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

    Thank you!!
    Excellent explanation :)

  • @abuyamada
    @abuyamada 4 роки тому +1

    Awesome!
    I have spring boot back end is it supported by netlify?
    Also, do u recommend netlify over heroku?

  • @user-mk8he1ex3m
    @user-mk8he1ex3m 3 роки тому

    Great video, thanks.
    What about hosting apps with databases. What's the best approach?

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

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

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

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

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

    Excellent vid! THX bro 👊

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

    I'm so grateful man

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

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

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

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

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

    Great Work, Nice tutorial, everything is on point.

  • @mihai-alexandrubujor9826
    @mihai-alexandrubujor9826 4 роки тому +2

    Great video as usual!

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

    Very nice tutrorial. You are a nice person!! Like for you.

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

    Incredible , thank you so much

  • @ktn4
    @ktn4 4 роки тому +1

    Thanks master, very helpful!