Deploy React Apps with React Router to Github Pages

[@michelpomerantzeff1749]

Duuuuuude!!! That is gold! Thank so much!!! I have been struggling with this for days now... 3 years later and you're still saving lives with this

[@harismehboob3557]

The best video I have seen to deploy the project

[@pedroafonso2114]

It worked ! At first glance I thought that your video was outdated because it's from 4 years ago, but your solution worked nice and clean, thank you so much!

[@sirius8ly]

Dude!!! Thank you soooo much. I have been struggling with this for days. This worked for me. Thank you.

[@accimeesterlin]

You're welcome. Glad it worked for you

[@EricaFord-j9d]

Thank you so much!!! I am really new to developing and I could not figure out what I was doing wrong until I came across your video. Thank you again, you're amazing. You won over a new subscriber. :)

[@waqarmughal1573]

I can't thank you enough!! I have been struggling with this issue since past week. May god bless you brother.

[@elijahdr]

What the hell, why isnt this more popular! Thanks man

[@zgregz2456]

OOOOOMG, thanks brother, I already had days suffering with the application not rendering, gained another subscriber.

[@chaitanyabajpai9647]

Thank you so much, using the hash router fixed my issue in one go

[@lucasloopst9010]

Heeeey, you saved my life! Now my site it's running correctly, thx!

[@christopherartrip3746]

okay so i had so much trouble getting my portfolio site up and i started to think it had something to do with react router, but i couldnt find anyone else talking about it. Let me just say, for about 4 hours I was debating my career :). Thank you for this :D

[@Abrahhhhh]

Amazing video man better explanation than most overated "Pro coders" you did an amazing job man I am proud off you I subscribed to your channel!!!😀

[@nicklandreth2527]

This is the second video of yours I have watched. You are a very good teacher. Way to break things down.

[@ericadeguzman6799]

Thank you! Super easy to follow. Everything else I looked at made it seem more complicated than it is.

[@accimeesterlin]

You're very welcome!

[@nagucool93]

Thanks a lot. This really is a time saver. Have been struggling since past two days to deploy

[@accimeesterlin]

:)

[@ReginaDilevka]

Thank you very much. I was searching for routes!

[@wahabrehman6848]

This channel criminally underrated

[@accimeesterlin]

Thanks Wahab

[@sebastianstephenson3176]

thank you so much you have no idea how much i appreciate that.

[@mustafakosmaz178]

I regret to refuse your video at first time. now i ve published my site on github. thanks very much

[@egzonberisha9906]

Thank you man, i was strugling a looott cuz I didn't know that there are two differente types of deploying react app with router and without it

[@kamranloki3792]

bro how long have I been looking for this video

[@rushabhdave6648]

I thank You for sharing this valuable information was struggling a lot to find my problem's solution... You just made my day thanks brother

[@accimeesterlin]

:)

[@ericmuhire9995]

Thank you brother. Very helpful 🙂. I was struggling for a couple of hours.

[@accimeesterlin]

No problem. Glad that helps

[@TrixyJ]

Felt frustrated after not finding a solution for days. Thank you for this video :)

[@nihadmehmedovic1911]

Works perfect, thank you !!!

[@subhrajitdey2148]

This was extremely helpful. I appreciate your effort. Thank you

[@accimeesterlin]

You're very welcome!

[@wesley18043]

the question is why browser router does not work in deploy, and when should we use browser router?

[@konstantink1]

Very helpful video that explains in such clear manner on how it is possible to resolve such tricky and not noticeable issue. Thank you so much!

[@rohangupta6847]

Many thanks, man!! Exactly what I was looking for! :D

[@surajoberai]

I have been trying this since yesterday. There is nowhere written use HashRouter instead of BrowserRouter while deploying react app using gh-pages. Thanks for sharing the knowledge.

[@adiaguidry3848]

Yess!! You saved me so much time!! Thanks for this video!

[@accimeesterlin]

You’re welcome 😉. Glad it saves you so much time.

[@giodelacruz9437]

It's 2022 and this still saved my arse

[@tecnosebastube9761]

you should have more views! This video was very helpful

[@musadanjuma6603]

Thank you so much bro this realllllllly realllllly helps me!!!!!

[@alizaidi5610]

Perfectly explained!

[@princekumarsingh2440]

Thank you so much bro it's really work for me

[@demikill_2137]

Nice, very helpful)

[@erikshumkov4848]

Thanks a lot for this video. Easy to follow and works as expected! :)

[@accimeesterlin]

You're welcome. Glad it was helpful! :)

[@nguyenquanghuy6689]

Thank you! Super easy to follow

[@broke4583]

You are AMAZING!!! This helped me so much!

[@accimeesterlin]

Glad it helped!

[@thiagomeneses6373]

Thanks man! Helped me a lot

[@piotrszczesniak]

Great tutorial, thanks a lot!

[@mateosierrabetancur9625]

just what i needed, thank you

[@casafurix]

forever and eternally grateful. thank you.

[@aropar]

thumbs up for you!

[@vastopolo]

Thanks a lot!! Was struggling for a while

[@thisMonje]

Mil gracias, me re salvaste la vida. Saludos desde colombia!

[@closertothecosmos3519]

Thank you big time. I am so happy my react website runs ono github now

[@jameswebb8397]

Great video, subbed!

[@accimeesterlin]

Thanks James

[@rushaliasthana1240]

Thankyouu soo muchh!!! This worked soo well!!!

[@ksells]

Such a simple fix, thanks so much

[@accimeesterlin]

Thanks

[@kukkyou4647]

thanq so mmuch sir ji this is really heplfull

[@medaminefh429]

You Just Saved Me , Thanks A lot

[@samuele.caruso]

AMAZING mate ! U saved my at least 5h :D

[@accimeesterlin]

Glad it worked for you as wel.

[@letsopeneye]

Thanks buddy... you fix my error

[@accimeesterlin]

No problem 👍

[@joelfolske5843]

Thank you so much!

[@ayhmhamame1333]

thanks that was very usefull

[@marcovaleri7279]

Thank you so much for this video

[@mrtinn2948]

You saved me man, thanks!!

[@israeltorres9538]

Great Video!!! Thank you for your help!

[@accimeesterlin]

Thanks Israel

[@joze.rios44]

masterful my dear friend, greetings from Argentina!

[@accimeesterlin]

Greeting from Atlanta, Georgia

[@SergieArizandieta]

Nice video, i saw too many videos n configuration en packetjson, base name of the browserrouter, but ty ur explications r so good n be of utility for me

[@webdevshow]

Thanks for such a great tutorial!

[@RamGouda-l3s]

Thank you so much

[@pickemparty]

Setting the homepage in the package.json file still shows the following message The project was built assuming it is hosted at / You can control this with the homepage field in your package.json I am not sure why its not recognizing the entry i put in the json file and seems to default to /

[@camilovillegas8761]

You the man!

[@accimeesterlin]

Thanks

[@shyamsoni5389]

Hi, I am using this.props.history.push({ pathname:`some path`, state:{ object :object} }) ; on handleSubmit click And reading the data into routed component like this.props.location.state.objectName.field This is working fine when I am using BrowserRouter even when i refresh the page i get the values on page BUT when I am using Hashrouter and I refresh the page I get error saying Can not read properties of undefined Please help

[@jinyoucheng8114]

Thank you so much. Next.js is also possible?

[@mayanksrivastav1828]

Thank u so much Sir

[@accimeesterlin]

So nice of you

[@JptickBass]

Thank You!

[@paragshinde6989]

I am getting error at git init. It showing that , The term 'git' is not recognized

[@SumitKumar-co2pm]

Thanks a lot brother

[@hendryprasetya9191]

Thanks dude!

[@nwobodogeorge5370]

Thanks. God bless.

[@draganapopovdev]

TNX A LOT!

[@soumalyasaha8111]

Thanks Accime. I followed this approach, however I have a different problem. While clicking the navbar it is working fine to navigate to a different page as shown by you, but if it is a button the page can't show up the desired page. Any clue?

[@sakshamagarwal6852]

If you face any error than go to settings -> pages and then change deployed branch to gh-pages

[@valentinav8585]

2 years later but this did the trick! thanks

[@邱宇瑨]

Thank you soooooo much!!!!

[@omarmosaad2162]

thanks a lot

[@Feitanxerx]

Ty buddy

[@YetAYou]

If I have authorization above the Router - does it change deployment or it should work?

[@marofe]

unfortunately, hashRouter doesn't allows googlebot to rank the page, just the home page will be indexed by google

[@torrentinocom]

I thought that google cant index react applications at all ....

[@silkys8343]

Thanks a lot for this video. I have one issue related with my react project that is quotes generator. my quotes generator is working with port 3000 but after deploy its not displaying in the site. pllllllllllllllllllllleeeeeeeeeeeeeeese help me

[@Ceba551]

Does this also get rid of any refresh 404 issues when you're not on the landing page?

[@alejandromalanche6848]

No it does not, I have this same issue

[@Ceba551]

@@alejandromalanche6848 yeah turns out you have to use hash router for this to work.

[@soufianeodf9125]

thanks man

[@danielEpifanov]

Thank you

[@accimeesterlin]

You’re welcome Infor 😊😊

[@giulianacecchetto9307]

Goddddd i lov u

[@sevwolve757]

Oh, thanks! I lost 1,5 hours for find how make it

[@chaudharypraveen98]

Same here

[@Qwade670]

thx

[@DubinArtur]

Чуть не обосрался вначале

[@rebelion1]

are you Haitian? I heard the accent plus I saw your name

[@accimeesterlin]

Yes I am

[@rebelion1]

@@accimeesterlin oh nice ok. where in Haiti are you from, and do you do full stack developer full-time or frerelancing?

[@rebelion1]

Im an American Haitian btw

[@sufyan2317]

U literally tricked us.. Simply say "use HashRouter instead of BrowserRouter "...Anyways nice video...

[@songwright]

I'm having a problem with this video. In your video, the code in your index.js file looks like this: import React from "react"; import ReactDOM from "react-dom"; import './index.css'; import App from "./App"; import { BrowserRouter as Router } from 'react-router-dom'; ReactDOM.render( , document.getElementById("root")); When I create a new React app, my code looks like this: import React from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import reportWebVitals from './reportWebVitals'; ReactDOM.render( , document.getElementById('root') ); Do you see the problem? There is nothing in my index.js file that refers to BrowserRouter or Router. Where am I supposed to put HashRouter? Maybe the problem is that this video is two years old.

[@jumpman23nith]

Thank you so much !!!!!!!!!

[@keilaurenmaxinedevries153]

Thank you!!!

[@csengerilevente9564]

Thanks!!

[@Jroumani]

Thank you

[@hasst9261]

Thank you