How To Deploy A React App(with React router) to Github Pages (Simplest Way)

🔴Connect with me 1 :1 -
➜ topmate.io/himanshushekhar
Hi Guys,
In this video, I have explained step-by-step how you can host your reactjs project/website on GitHub using gh pages for free.
Article link -
whataboutcoding.com/host-reac...
React gh pages issue fixed -
www.anycodings.com/2022/01/re...
Hope you guys found it helpful.
Main Channel
➜ / himanshushekhar020
➜Say hi -
Instagram - / himanshu.create
➜Contact - [e-mail]
➜About me
Hi Guys, thanks for tuning in. I am a software developer, having 3+ yr of experience in the IT industry. I like teaching and creating content, so why not create it upon my profession and daily lifestyle.
You'll either find my videos educational or entertaining, sometimes both🤗
🙏 Thanks for your love and support. It means a lot to me.❤️
Tags
------------------------
deploy react app to github pages with yarn,
how to deploy react app to github pages youtube,
github pages showing readme react,
github pages react app blank,
how to update react app on github pages,
github pages react router,
deploy react app to github pages 2021,
npm run deploy gh pages not working

[@sameeramansoori3831]

thankyou sooooooo much bhaii i am facing problem from 5 hours now i get the solution its work for me

[@abcxyz5618]

Thank you very much bro . Its worked for me . Grow ahead

[@KrishnaKumar-qx1mk]

Super , after several attempts i thought to i should stop but i tried one last time and it was a success thanks

[@tahsinhimu_]

I really can't thank you enough bhai! I was looking for the solution for a very long time and finally got it for you.

[@whataboutcoding]

superglad it helped

[@vitthal8177]

Thank you so much bro. Keep creating such informative videos. My Best wishes for Your upcoming KZbin Journey.

[@whataboutcoding]

Thnx alot

[@mohitmishra2706]

Thank you sir you are good. i spent lot of time but couldn't understand problem. you solve this problem thank you once again.

[@AliMurtaza-uh6wx]

Thanks I am facing this issue from last night after watching your video my issue resolved by using 1st way. 😊

[@whataboutcoding]

Glad it helped

[@MihirPatel_Mp]

Thank you so much, You saved my time.

[@MohdSalman-sq8zz]

Thanku so much you solve my 4 months old issue !

[@tusharborse6392]

great help brother. thank you so much

[@RBSTREAMS]

thankyouuu so much this works just great!!

[@satishv1994]

Bro very good and detailed explanation... Please make more videos on react js based on real life projects

[@whataboutcoding]

Sure

[@sameenashaik6193]

Am learning react js...thanks bro

[@yagniktalaviya2146]

Thankyou from deep down from my heart!!!!

[@whataboutcoding]

Thanks alot

[@gaddammanoj6852]

Thanks a lot man. Tutorial has really been a great help

[@whataboutcoding]

Glad it helped

[@pratyushkumar8029]

Thanks You lot ....3 setp works ...Thaks A lot 🔥🔥🔥🔥🔥🔥🔥🔥

[@adarshkadam3012]

Thanks a lot bro, thank you 😊

[@ankitkushwaha99109]

Thanks for my problem solution .

[@inderpalsingh3387]

simple replace "BrowserRouter' with "HashRouter" without touching anything else and deploy your application using "npm run deploy". It works like a charm.

[@Sk-py]

Does doing so affects our react app or routing paths???

[@SpragginsDesigns]

Like a charm! Thanks

[@EvertsM]

Thank you for this. I searched on google for a long time, how to fix the blank page on launching the site. HashRouter did not work for me. What helped was adding basename to and adding exact path to my Route. Thanks again!

[@whataboutcoding]

glad it helped.. no worries

[@mjtech4243]

Can You help me regarding this?? Bro please

[@hamzailyas8632]

Very Helpful ❤

[@whataboutcoding]

thankyou

[@ronyahmed320]

Thank you bro.. i was also wasting lots of time with deploying react app on gh-pages. I tried lots of time, I even deleted node-modules folder but everytime I was getting a black screen. after watching 8-9 videos, then this video come.. And you solved my issue . Thanks again

[@whataboutcoding]

glad it helped

[@subhajit99motivation]

Thanks Himanshu, I searched a lot of places and finally your video helped.😇

[@tringuyen4601]

thank you so much pro.

[@guruprasad_suvarna]

Thanks man❤️❤️

[@tusharsingh1386]

thanks for the video. thik hai

[@deepakkewalramani08]

Great explain

[@shekharhans1644]

Thank you so much

[@alanerriu8213]

En el video mas random del planeta, encontré la solución. Gracias amigo.

[@desiboi2559]

Thanks for Brother building a react app is harder but deploying it is a real pain in d ass!!finally i deployed tqs man!!❤❤

[@whataboutcoding]

Glad it helped

[@nicobarbieri]

That's great! This video was a great help! Thank you! I've a question too: I noticed that if I refresh the page when I'm not on the home path (ex: .../posts) and I refresh the page it doesn't work (the 404 github page shows up). There's any solution? thank you

[@celinerouaire9586]

Hellooo ! I have the same issue, did you find a solution ?

[@ckaycodingclasses523]

very very thank you brother

[@whataboutcoding]

Welcome🙂

[@izuodoh2909]

How can I do this with react router v6 because it is not working for me please help

[@adabwithwasiq]

bundly of thanks sir, many many thanks

[@whataboutcoding]

Glad it helped🙂

[@weektopeak]

Using HashRouter solves the react-router-dom issue and all of the page refresh issues in a much more elegant way.

[@miltongaming1251]

Can you please elaborate more abt this solution please?

[@sefa_x]

i cloud get only the main page -"/"-, others didn't come while using HashRouter

[@satvik0099]

Thanku so much ❤️

[@whataboutcoding]

Glad it helped

[@joyentertainment9696]

Thanks bro

[@sanyamsharma350]

I tried it but and publish the code but now it just showing content of readme file, how to solve it

[@digvijaybangari4188]

Facing the same problem😢

[@digvijaybangari4188]

If you know the solution plzz let me know

[@NandiniShiny]

thank you brother

[@whataboutcoding]

Glad it helped

[@NandiniShiny]

@@whataboutcoding sir first it worked and now again it showing empty page .I don't know why,,Thank you for responding .

[@deepeshzagade8892]

Hey Himanshu thankyou for this tutorial, I have a querry - suppose i deployed my reactapp using github and then i have made some changes in my react app (suppose introduced a new component ) and i want this changes to be reflected on deployed site as well . So what can we do for this.

[@whataboutcoding]

Yes .. just push it into the branch.. it will reflect..

[@tr397]

Just run -"npm run deploy" Again, then it will be ok.

[@whataboutcoding]

@@tr397 yes.. but safe side push those changes to github as well

[@mdabutorabkhan3370]

can I push frontend and backend into one folder on GitHub ? if no please let me know how to push them.

[@whataboutcoding]

no.. will make another video on that

[@saurabh22jan]

Bhai theme konsa hai ..?

[@1gagandeepsingh373]

please solve my issue. I followed all the above steps.But, after this my link shows blank .

[@TanzilaUsmani]

Thankyou so much it works

[@mihirranjanparida1191]

Are u Pushing node modules files ,If not then how to ignore that while uploading to github ..Can you Please help ?

[@iizeeg]

node modules isn't uploaded github ignores it automatically

[@youssefnour-ur2oq]

I need it with vite can you help me

[@MundiWay]

After wasting 3 to 4 hr its working, only true to fasle thats it -_-

[@TaprobanaOrg]

❤❤❤❤

[@AkashSingh-qm4jw]

I am getting error like. spawn git enoent at childprocess...... emitted error How to remove this

[@md_samir92]

Mera abhi khud dimag kharab hogya sb error hogya to node modules delete karna pada aur phirse install kiye

[@smritiagarwal56]

When i open the link it shows the readme file not the application

[@CoderHarsh]

Same 😢

[@sameenashaik6193]

Basename sab aad kardi phir b pages blank hai can u pls help me

[@whataboutcoding]

Share your code repo..

[@JyotiSharma-wb1vy]

@@whataboutcoding I am using react router v6 and getting a blank page

[@ankitrawat4834]

same issue can u tell me how to resolve it @@JyotiSharma-wb1vy

[@SSC_VLOGS_24]

​@@JyotiSharma-wb1vywhat

[@adityajha5238]

Bro making youtube video by watching youtube videos🤣

[@andrewmoney1731]

use english for heaven sake

[@zebikazi2252]

Thanks alot bhaii 🤍

[@sumitkumar7679]

i was stuck in this Browser Router Problem , Thanks a lot bro , it finally worked out. Took me 36 hr to reach your video ,FINALLY !!!🥲 and also you earned a subscriber

[@whataboutcoding]

Super glad it helped. Also i think i should work more on seo so that people can reach to me faster.

[@SaurabhGangamwar]

Thank you so much