Deploy React Application using Netlify | Deploy manually using build folder

แชร์
ฝัง
  • เผยแพร่เมื่อ 3 ธ.ค. 2024

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

  • @KieranB97x
    @KieranB97x 8 หลายเดือนก่อน +6

    Thanks so much! Brilliant, quick, easy to follow and straight to the point video! My first ever React site is live, thanks again!

  • @joebanfi8531
    @joebanfi8531 ปีที่แล้ว +18

    In case anyone runs into the same problem as me - at first it didn't work and returned an error. I think it's because I had generated my 'build' folder and then was running it locally with npm serve (or something like that - something from the Traversy React tutorial). The solution was making sure I'd stopped running it locally. I then tried drag and drop to Netlify and it worked.

  • @emmanuelapita2851
    @emmanuelapita2851 2 ปีที่แล้ว +17

    Only God know how glad I am. Thanks bro

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

      Happy to help! Be sure to subscribe.

  • @akashgola2153
    @akashgola2153 8 หลายเดือนก่อน +2

    Man that was so easy and quick. Very Helpful

  • @gulabchandgupta5486
    @gulabchandgupta5486 ปีที่แล้ว +12

    Salute u man i was struggling since 1 month thanks a lot and may God bless u 🙏😊😊👏

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

    THIS TUTORIAL its the only one who works for me

  • @developertools95
    @developertools95 2 ปีที่แล้ว +5

    life seaving video,fully satisfy 100% recommanded

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

      Thanks Be sure to subscribe.

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

    Life saving video, thank you so much sir, clean and clear explanation

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

    Easy . Crisp .To The Point . Useful

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

    Best Short and Complete Video, Great Content

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

      Thank you so much 🙂

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

      I'm getting page not found error , help me please

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

      @@anshulvairagade1604 if it is for specific page you which are redirecting, use react router for it

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

    Life saving video ! great sir, thank u

  • @AJITHKUMARRAVI
    @AJITHKUMARRAVI 10 หลายเดือนก่อน +1

    Thanks a lot bro...I have been searching for solution...Finally I got it...
    Note: At present the UI of netlify not look as same

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

    just superb i am also stuck in deploy part but your video gave me how to deploy thank u.

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

    but my question is....will website update automatically when we make changes in github file or we have to deploy it again?

  • @ekokofredrick2062
    @ekokofredrick2062 7 หลายเดือนก่อน +1

    Awesome arjun! this simplifies to a great extent how to upload react app which I will incorporate to my work process. i am just simply curos. what about node js applications? Thank you

  • @zorooo__
    @zorooo__ 2 หลายเดือนก่อน +1

    How to deploy an react app which is having backend also?

  • @runalmainkar1058
    @runalmainkar1058 8 หลายเดือนก่อน +1

    Thank You! It worked and was super easy :)

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

    Now if i have made some changes in the code and i want these changes to be reflected in the same hosted link what should i do?

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

    Thank you so much. It worked for me

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

    Bro its showing page not found

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

    thank you much, very simple, it finally worked

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

    I have encountered wherein on deploying the application an empty page appears . The same error occured while deployin the application on gh pages . As on server the main page is set by the react router dom which renders the main page based on the "/" route path which gets rendered and works properly on the development server

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

      Same thing happened,what to do that

  • @sidharth3593
    @sidharth3593 9 หลายเดือนก่อน

    If we change codes ...does it also affects the deployed site?

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

    very clear, thanks

  • @alinaeem9156
    @alinaeem9156 10 หลายเดือนก่อน +1

    thank u so muchhh sir good bless you

  • @mochaonline
    @mochaonline 5 หลายเดือนก่อน

    Great guide! Thank you.

  • @netbug94
    @netbug94 5 หลายเดือนก่อน +1

    this doesn't work anymore, can you make a full tutorial doing it with "dist" folder

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

    My webpage has picture. It doesn't go into Netlify. Please help.
    I have this
    and css for this class is :
    .hero-image {
    flex: 1;
    background: url('images/test.jpg') center;
    background-size: 90%;
    background-repeat: no-repeat;
    }
    Also, I edit my website and rebuilt it with npm run build again. Can I drag and drop it again to Netlify? Will it overwrite the files?
    Do you also have tutorial to deploy backend which use express, mongoDB ,etc?

  • @erjonkurti358
    @erjonkurti358 5 หลายเดือนก่อน

    It works but only for the main page of the routes, just for one single react app. others pages dot render. It says: Page Not Found
    Looks like you've followed a broken link or entered a URL that doesn't exist on this site.

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

      You have to edit frontend url also in backend you need to edit urls accordingly

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

    hey can you please comment here how to deploy using github? Do I push the entire code to github or just the build folder and do I deploy the entire project or just the build folder... If I push entire project to github how will I deploy only the build folder... Can you please help me with this.....

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

    it does nit creat the build folder when i npm run buil

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

    I have react plus python..now what to do

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

    Thank you so much! the only one that works! lol! a new sub

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

    Thank you so much it is really helpfull

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

      Glad to hear that! Be sure to subscribe.

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

    How to manage data and how to deploy db json server in netlify

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

    really very easy, thanks a lot

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

    hey man .after running the npm run build command ,build folder is not showing.what to do ?

  • @joolliver5965
    @joolliver5965 11 หลายเดือนก่อน +1

    Você me salvou Arjun, muito obrigado.

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

      muito bem vindo

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

    Hey Arjun, Amazing video man.
    React application means . Can we deploy websites or webapps?

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

    Bro tell me how to change my build folder name .in package.json file.

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

    what about the database tho?

  • @nishantgupta2407
    @nishantgupta2407 2 หลายเดือนก่อน +1

    Great help

  • @dekhbhai4425
    @dekhbhai4425 9 หลายเดือนก่อน

    Can't sign up to netlify please help

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

    thank you very much Sir

  • @hendoitechnologies
    @hendoitechnologies 6 หลายเดือนก่อน

    Cost of netlify per single app hosting

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

    how to change the https to http?

  • @sozako2243
    @sozako2243 6 หลายเดือนก่อน

    anyone know how to update it?

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

    Thank you very much

  • @foofoo17
    @foofoo17 4 หลายเดือนก่อน +1

    you're a legend

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

    Thanks so much for this.

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

      You're very welcome! Be sure to subscribe.

  • @Priyanka-bd6um
    @Priyanka-bd6um ปีที่แล้ว +1

    Thank you brother

  • @27ninoambaraindrawan32
    @27ninoambaraindrawan32 ปีที่แล้ว

    how to edit the code, upload again?

  • @manik-dd4wy
    @manik-dd4wy ปีที่แล้ว +1

    Thanks for the help

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

    very much easy tutuo

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

    thanks a lot for ur help

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

    i got a blank page

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

    Really helpful

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

    bhai images nhi i

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

    Problem solved i was trying since last 2 days.

  • @Tandith
    @Tandith 3 หลายเดือนก่อน +1

    I was deploying full project till now , that's why it was giving error404. Now when I deployed only build file it worked🤣🤣😂😂

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

    thank you so much

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

    Thank you so much.

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

    bei mir fonktioniert das ganze nicht wenn jemand mir helfen kann bitte

  • @igormuniz.7241
    @igormuniz.7241 2 ปีที่แล้ว +1

    omg thank you man

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

      Glad it helped! Be sure to subscribe.

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

    Thanks.

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

    thanks

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

      You're welcome! Be sure to subscribe.

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

    Ty

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

    Thanks My bruh :)

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

      You're welcome! Be sure to subscribe.

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

    thank you

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

    thanks man!

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

      Happy to help! Be sure to subscribe.

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

    thz😄

  • @SanjeevSharma-rm8yk
    @SanjeevSharma-rm8yk 2 ปีที่แล้ว +1

    thanks bro

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

      Glad to help, Be sure to subscribe.

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

    it' s so funny on speed 1.25 lol

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

    saved my shitty life thanks

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

      Glad it was helpful for you. Please be sure to subscribe.

  • @afnanmazhar2644
    @afnanmazhar2644 3 หลายเดือนก่อน +1

    may Allah bless you bhai mere kasamey it was a pain in the ass

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

    thank you!!!!!

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

      Glad to help, Be sure to subscribe.

  • @5_Minute.Lectures
    @5_Minute.Lectures 2 ปีที่แล้ว +1

    Thank you brother !

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

    thxx

  • @rahulbisht7098
    @rahulbisht7098 4 หลายเดือนก่อน +1

    Thanks man

  • @hinglish8586
    @hinglish8586 6 หลายเดือนก่อน +2

    Thank you so much sir

  • @DineshkumarPIT
    @DineshkumarPIT 2 หลายเดือนก่อน +1

    Thank you brother

  • @ritikshroff611
    @ritikshroff611 9 หลายเดือนก่อน +1

    thank u

  • @DhananjayD-r3j
    @DhananjayD-r3j ปีที่แล้ว

    thanks

  • @urstrulybhavana1432
    @urstrulybhavana1432 3 หลายเดือนก่อน +1

    Thank You Very Much Sir

  • @naveenkumarvtamil
    @naveenkumarvtamil 10 หลายเดือนก่อน +2

    Thank you so much