How to Deploy React App to GitHub Pages | Step by step.

git inint
git status
git add .
git commit -m "initial commit"
git branch -M 'main
git remote add origin "url"
git push -u origin 'main'
npm install gh-pages --save-dev
"homepage" : "url"
"predeploy":"npm run build"
"deploy":"gh-pages -d build"
npm run deploy
Subscribe for more videos!.
.
.
.
.
.
.
How To Deploy A React App To Github Pages (Simple)
How To Host React JS Website Live for Free using GitHub in 2022.
How to Upload / Deploy react.js app / project to GitHub Pages step by step process from Scratch.
How to Deploy Create React App to GitHub Pages?
How to Deploy React app on GitHub?

[@AbhishekSingh-vl1dp]

bro didn't said a single world but completed my work !! bro is real superhero

[@codewithajesh]

Thank you so much 😀

[@rhh1090]

Agreed! Thanks so much man.

[@ismailmohamedosman3461]

litterally trying whole day and i was actually gonna stop untill i saw this video really helped me thanks.

[@gouthama9509]

Hey buddy, nice. I had a problem in Build and deploy. Your clear, neat video explained the steps very well.

[@timilehinelijah9600]

Thanks very much man.
I've spent days trying to deploy my react app.
I'm so glad I saw this.

[@codewithajesh]

Glad it helped

[@augustineedeh3565]

Thank you very much bro. It Was my first time deploying a react project. All attempts (reading documentations, blogs, and even seeing some other youtube videos) proved futile, not until I watched this video. Really, thanks a whole lot for your help!
Love from Nigeria.

[@codewithajesh]

Glad it helped!

[@debarunsarkar3863]

Gem video , i wasted my entire day and finally found this one.❤ thanks a ton mate.

[@davidcopestakes7310]

Thank you for this video! For the past two days, I've been racking my brain, trying to figure out why my github page wasn't updating. Your video made the process very clear and it worked like a charm. Thank you!

[@codewithajesh]

You're welcome!

[@mohdsameer2445]

what were the difficulties you faced and did this solution helped you ? can we deploy and react website by using this ?

[@alexalex-zh4ep]

Thank you good man. Really nice video. Short and clear!!! And It's working!

[@codewithajesh]

You're welcome!

[@jimhalpert878]

Absolute Legend! Thank you

[@nipnilrajdeka7128]

Thank you very much sir, I have watched lots of videos but not a single video helped me. Thank you 😊

[@codewithajesh]

You are most welcome

[@prashantjain3959]

this is the only help full video on whole you tube content

[@ganeshsaladi5932]

it is the cleanest tutorial i ever seen broh you earned a subscriber

[@pritampatidar2964]

Bhai thank you so much, jitna bhi thanks bola Jaye km he aapke liye🙏🙏

[@muhammadmanannasir1509]

Bro I was having so much difficulty in deploying my react app, I watch many tutorials but didn't get the point. You made it so simple. Love from Pakistan. Definitely going to subscribe and share your channel.

[@codewithajesh]

Glad I could help you ❤️

[@muhammadmanannasir1509]

​@@codewithajeshHi Bro, I am facing an issue. I have deployed by React app on GitHub following your mentioned steps. Most of the time, it is deployed perfectly, but sometimes code is uploaded and link has also been provided by GitHub pages, but that link is showing completely white blank page. Can you help me to fix this? Should I delete this repository and made a new one or run another command to obtain other link?

[@35sanjay3csa7]

​@@codewithajesh i need this type video ❤

[@a.y_u.s_h]

​@@codewithajeshnpm run deploy is getting error

[@blackpurple9163]

​@@codewithajeshworks with react+vite?

[@AJAYKUMAR-os1du]

very thanks bhaiii...tin din se dimag kharab ho ra tha ...iss video ne help kariii🥲🥲🥲

[@devanshurawat826]

I spent more than 4 hours then got solution here. Now it worked Thanx.

[@yurTherapizt]

Thank you brother, i was stuck on it for hours 🙏

[@AnujYadav-dp1dy]

I was troubling too much in deployment of my react app and I tried many video but I didn't found helpful but this video is exactly the same which I like .
Thanks bro and It was too helpful

[@codewithajesh]

Glad it helped!

[@yashkhare1786]

Simple and Point to Point video for beginner and professional also, Great brother 🙌

[@codewithajesh]

Thanks a ton

[@emilypapillon]

I was struggling with this
Thank you so much for the tutorial :D

[@odilsoncode]

Me too

[@aloogobhi7065]

Bro u are god . i almost cried and wasted a day and was not able to understand . I saw your video at 11:55 pm and i was able to successfully build . Thanks bro thanks a lot ❤❤❤ . you earned a subscriber

[@codewithajesh]

Glad it helped

[@rhh1090]

This really helped me. Thanks so much dude! 👊

[@codewithajesh]

Glad it helped!

[@rabiayousuf7318]

Thanks for the Cooperation, it's very helpful and easy to understand.🙂

[@codewithajesh]

Glad it was helpful!

[@Gibbb032]

Easy to implement .
I was searching for this detailed video😊.
Each point noted , got no errors.
Generated the URL link successfully.✅
Thank u very much😄👏.
Best video ✔

[@codewithajesh]

Great 👍

[@abhishekshinde6153]

You made my day ❤. Its working completely ❤

[@codewithajesh]

Glad I could help

[@mrmiagi6052]

thank you for a clearly explained video and the zoom in on important text, worked out for me perfectly. so many of these kind of videos are so confusing and poorly explained

[@codewithajesh]

Glad it helped!

[@kwenziwa]

That was easy and simple. Thanks mate

[@codewithajesh]

Glad it helped

[@ShubhamSinghJapan]

Thanks man !! It was really helpful :)

[@codewithajesh]

Glad it helped!

[@barryazihuwa6168]

Thank You. Amazing tutorial!!

[@serezhakaushnjan8443]

Thank you))) Wish you more subscribers!

[@codewithajesh]

Thank you! 😃

[@skillfulmind960]

Aweeeeeeeeeeeeeeeeeeesome , Everything is very clear ...

[@tirthrami9550]

Thank you Ajesh to make this video, it helped me a lot.

[@codewithajesh]

Glad it helped

[@souravbiswas7395]

thanks for the detailed explanation, continue to make more such videos

[@codewithajesh]

Sure thing!

[@erensia5048]

Thank you so much it was really so easy to follow

[@amarjeetgupta1456]

This is the exact video to host the react app on github, 👍

[@PeterYurich]

Well done! Laconism and usefullness! It's just I wanted to find! You have my subscription - I'm the 17-th)))))

[@codewithajesh]

I had a monetized channel. It's adsense got banned. This is me restarting from scratch. Your subscription means a lot. Thanks

[@wisdomochei]

Thanks man. Although, on first trial it didn't work. I realized it was because of internet connection. It's working now 😁😁

[@konstantinreut2577]

Thank you buddy! You really helped me a lot!

[@codewithajesh]

Glad I could help!

[@coder_chandan]

Thanks bro ❤, this is super helpful for me😊

[@Listen_It_Up]

Thank You very much. Love from India!

[@shobiav3903]

Thanks a lot!! This was so much helpful

[@codewithajesh]

Glad it helped!

[@user-xy4rw3wf4z]

Very nice without a single word its truly understandable and I deployed my app.... Thank u bro✨✨

[@codewithajesh]

Glad to hear that

[@ashrafulmomenshuvo5344]

Awesome Brother.... & It's so easy then others, OMG!!!!

[@codewithajesh]

Thanks a ton

[@ransilpinto8543]

straight upto point, breaking my head since 9 hours nothing worked.. saw this video , and all set..!!
🤣

[@digo0203ify]

Depois de muitos tutoriais, este foi o único que deu certo.
Obrigado pelo vídeo.

[@GABRIELDOBT]

passei por essa mesma situação mas agora deu certo 🙌🙌

[@josevictor7182]

Aconteceu o mesmo comigo.
Ufa finalmente achei.😌

[@ftballhub]

Thanks man. It worked!!

[@codewithajesh]

Glad it helped

[@rohitbagade9182]

Hey, I have two folders. Like one for api and other for frontend. How can we deploy both. I tried with firebase. But only frontend got deployed.
It was Ecom website, frontend with no products got deployed.
Can you suggest any workaround

[@nickscopre726]

Such a helpful video, thank you!!!

[@codewithajesh]

Glad it was helpful!

[@karthikdasari19]

Thank you soo much bro ,your video was really helpful
❣

[@codewithajesh]

Always welcome

[@aishwaryasahay8372]

clear and concise

[@sagargiri1361]

Thanks very much your video was to the point .

[@praveend-ds4qx]

great work man

[@Liubov9876]

Thank you! Good video!

[@codewithajesh]

Glad you liked it!

[@nguyenhuuo5194]

Thank you for helping me a lot! 😁

[@codewithajesh]

Happy to help!

[@arunjain7570]

best video to deploy on github

[@ronityt2253]

wow finally got some awesome video , thank you for your help

[@codewithajesh]

You're welcome!

[@thebach9231]

Awesome video, thank you!!

[@codewithajesh]

Glad you liked it!

[@user-hn8oo7vr6q]

Thank you very much, you are great!

[@codewithajesh]

Thank you too!

[@sunny0791]

Sir i have got an error regarding there's no such type of directory whenever the last step deploy what it means and by the way it is an vite+react app

[@bhavikpatel5195]

in settings/pages , gh-pages branch is not showing

[@nithinlycanz]

You're a saver buddy.

[@golddeagle7]

This is master level tutorial thanks.

[@bloodyrainday4944]

thanks man. your video helped me a lot

[@codewithajesh]

Glad to hear it!

[@GuilhermeOliveira-ny4md]

thaaaanks bro!!

[@KarandashChannel]

I've tried about 10 different ways to deploy react project on github, but again and again all i can see in main page is getting started page. Who else gets stucked with this? What the soluition?

[@isaacdominic2896]

Thank you so much was so easy to understand

[@codewithajesh]

You're very welcome!

[@sairamravuri2g1]

Thank you very useful❤

[@uraharakisuke5305]

You earned a subscriber

[@vuang5387]

Very clear, thank you

[@codewithajesh]

You are welcome!

[@TheRomerxxvi]

hi ty for sharing this info. Itried on vite project and seems not to work, keep getting error "cant create building folder". idk if that the reason, or maybe cause i got some imports on index.html file from Jquery js files on my project.

[@Pushpendrayadav-bv9wj]

Thanks for sharing your knowledge its very helpful for me ❤
One question if i want to redeploy my code with new changes then how to do can you please help me

[@mizgduc1891]

bro u got my sub

[@ali_majaz]

thanks a lot Ajesh! one question though, if i make some changes to the project locally then i do only have to run "npm run deploy" command or repeat the whole process so that my github code gets changed?

[@codewithajesh]

You just need to push the code to github

[@anuragagarwal9151]

I am new to react and github . I have a question can we deploy private repo on github?

[@jalithakheminda2902]

if we have multiple page navigation is this method works? i think here you deploy single page site

[@madhusn6395]

Working...Thanks

[@khalidmohammed424]

🥇Nice.

[@ezioken9148]

great tutorial, good job

[@mattbug3696]

this is amazing thank you very much

[@lounisagh]

can i use siteground to deploy my react app ?? please answer me, THANK YOU

[@andriysachyk2934]

Bro thanks you helped a lot

[@ShwetankChandra]

Thanks man

[@user-uw2ym8ur6g]

Hey Ajesh, i have hosted the app on github however my images are not showing. I will appreciate a lot if you can help me out with how you created the path to the images

[@tharunkumar27]

Worthy 🤗

[@adrianCoding]

Thanks it worked 👍

[@codewithajesh]

Glad I could help

[@fosterfire3395]

Thank you so much !

[@codewithajesh]

You're welcome!

[@MusangamfuraEmmanuel-rx3jr]

Well done bro.

[@Sohan_coding1]

aap kon sa copilot use karte ho auto complete k liye

[@dijistoreonline]

Thanks sir, you are great!

[@codewithajesh]

You are most welcome

[@user-mp7ej9hw7x]

U are the best❤

[@MehdiGi]

This is amazing

[@ShanuKhan-jx4xy]

if I do changes in my github repo it will reflect on my published website?

[@kenkarateacademy5409]

Nice presentation

[@leonciocastillo6433]

Thank you for sharing!

[@codewithajesh]

My pleasure!

[@AryaArjun-cb6hr]

when i open github link it shows nothing it is black screen what would be the reason?

[@NinjaCoders]

Thank you so much

[@user-ek1ox5pk9m]

this video helped me . thanks .

[@codewithajesh]

Glad it helped

[@felixmarvelian6118]

can you help me if i use YARN? what should i do, i try every step and its all error

[@riyadhossain36]

Thank you very much effective Information it's working

[@codewithajesh]

Great

[@eduardodudu5695]

Awesome tutorial, im learning react in a very starter stage, so if i update the code i should commit first then redeploy?

[@codewithajesh]

Yes you do