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

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

[@system.in81818]

almost spend 5Hr, with the help of this video understood in just 10min. Thank you Ajesh

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

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

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

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

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

[@gouthama9509]

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

[@AJAYKUMAR-os1du]

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

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

[@r_uhi05]

Tried the whole day. Finally found your video and within minutes it's done. Thankyou so much

[@codewithajesh]

Welcome 😊

[@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 👍

[@devanshurawat826]

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

[@prashantjain3959]

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

[@pritampatidar2964]

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

[@SHUBHAM-ko8bd]

thanks bro u r such a life saver of mine i wasted my time and energy from morning to figure it out how i can do this but at the last u came up with such a video and save my time

[@codewithajesh]

Most welcome 😊

[@debarunsarkar3863]

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

[@SUDHANRCSE]

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

[@codewithajesh]

Glad to hear that

[@yashkhare1786]

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

[@codewithajesh]

Thanks a ton

[@DevuMohandas]

Thankyou so muchh!!🥺i have been trying this for hours. This video helped me to do it within minutes. Thankyou Bro💗

[@codewithajesh]

Glad it helped

[@broook-san]

3:53 What will be the command for Vite project here? “predeploy”: “npm run build”?

[@yashhduhan]

"predeploy": "npm run build", "deploy": "gh-pages -d dist",

[@broook-san]

@@yashhduhan thank you

[@truongang4544]

easy and fast, still working. Thank bro

[@Haan3322]

Amazing video man, my app got deployed perfectly. Thanks a lot ❤

[@codewithajesh]

Glad it helped

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

[@DarkShadow-bq5yb]

love you more than my girlfriend. man really thanks for your help

[@bhavikpatel5195]

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

[@ransilpinto8543]

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

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

[@AryaArjun-cb6hr]

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

[@amarjeetgupta1456]

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

[@ganeshsaladi5932]

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

[@kiranmusudi]

Great Job!! Thanks, hope we can expose this to actual domain as well

[@Yoonus-c5q]

Very Useful... Thank You So Much!!!

[@jerrylalrinmawia3501]

After I deployed it, nothing is showing when I visit the site and in the console its showing: Failed to load resource: the server responded with a status of 404 () How do I fix this ? :/

[@kwenziwa]

That was easy and simple. Thanks mate

[@codewithajesh]

Glad it helped

[@vikrantsarade]

will this work for vite+react?

[@Hdvjz-dy8rs]

3:29 Well, Appreciate your work but will you tell me that the hompage that you have set in video, can we write custom site link? , i mean i have to depoly my portfolio on my custom site, so writing the link of my custom site, will it work???

[@_DhirajDurande]

i followed each and every step but after going deployed website it doesn't show anything ,it shows blank page ?

[@Wasaby50312]

Same issue

[@bhagat_167]

You got any solution??

[@dhirajdurande4669]

Yes , I deployed it . Actually I created normal react projects like the weather app I followed steps on the official react page and deployed the website .

[@sameerkurkure231]

​@@dhirajdurande4669bhai link dede yrrr muje kal deploy karna hai prototype yrrr and I am going through same isshe

[@myths8740]

Any solution ,or any reason whi is this occurring

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

[@chennururahul3731]

Nicely shown brother

[@codewithajesh]

Thanks

[@emilypapillon]

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

[@odilsoncode]

Me too

[@codewithajesh]

Glad I could help!

[@alexalex-zh4ep]

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

[@codewithajesh]

You're welcome!

[@HighOctane-k4m]

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

[@codewithajesh]

Glad it helped

[@thothhermes7270]

Thanks buddy, It works like a charm👊

[@codewithajesh]

Happy to help

[@rhh1090]

This really helped me. Thanks so much dude! 👊

[@codewithajesh]

Glad it helped!

[@rishiAura]

Without saying a word explained every thing

[@ShwethaM-rb7jc]

Thanks a lot, it finally worked 😊

[@codewithajesh]

Glad it helped

[@yurTherapizt]

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

[@codewithajesh]

Glad I could help

[@ashrafulmomenshuvo5344]

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

[@codewithajesh]

Thanks a ton

[@ShubhamSinghJapan]

Thanks man !! It was really helpful :)

[@codewithajesh]

Glad it helped!

[@lakhalifilakhalifi3670]

Thank you, this is was helpful !

[@codewithajesh]

Glad it was helpful!

[@souravbiswas7395]

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

[@codewithajesh]

Sure thing!

[@Listen_It_Up]

Thank You very much. Love from India!

[@codewithajesh]

Thank you! I'm also from India

[@wisdomochei]

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

[@rabiayousuf7318]

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

[@codewithajesh]

Glad it was helpful!

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

[@abhishekshinde6153]

You made my day ❤. Its working completely ❤

[@codewithajesh]

Glad I could help

[@abhishekprajapati5319]

mine not working branch not showing its only show none or main

[@serezhakaushnjan8443]

Thank you))) Wish you more subscribers!

[@codewithajesh]

Thank you! 😃

[@ronityt2253]

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

[@codewithajesh]

You're welcome!

[@MichealBarnes-x4f]

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

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

[@konstantinreut2577]

Thank you buddy! You really helped me a lot!

[@codewithajesh]

Glad I could help!

[@barryazihuwa6168]

Thank You. Amazing tutorial!!

[@codewithajesh]

Glad it was helpful!

[@nguyenhuuo5194]

Thank you for helping me a lot! 😁

[@codewithajesh]

Happy to help!

[@rouf_photography]

Thanks bro, it's very helpfull 😊❤

[@codewithajesh]

Happy to help

[@laxmisiddayyanavar2132]

woow you are creating video style is very nice,,, thank you

[@codewithajesh]

I'm glad you like it

[@coder_chandan]

Thanks bro ❤, this is super helpful for me😊

[@codewithajesh]

Glad to hear that

[@ftballhub]

Thanks man. It worked!!

[@codewithajesh]

Glad it helped

[@Sportzz7781]

when i deploy it, its just showing the md file content in that website link. how to resolve this. Please reply....

[@thebach9231]

Awesome video, thank you!!

[@codewithajesh]

Glad you liked it!

[@aniruddha-adak]

Aweeeeeeeeeeeeeeeeeeesome , Everything is very clear ...

[@bloodyrainday4944]

thanks man. your video helped me a lot

[@codewithajesh]

Glad to hear it!

[@arunjain7570]

best video to deploy on github

[@ShanuKhan-jx4xy]

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

[@davidzenteno1240]

Did you find out?

[@karthikdasari19]

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

[@codewithajesh]

Always welcome

[@vaishalinaik6470]

Hey ! Actually I deployed my react project using firebase and after deployment the website is showing blank white screen but the project is working fine locally...pls can u help me with any solution

[@dhruvvashistha5558]

got any solution ?

[@shobiav3903]

Thanks a lot!! This was so much helpful

[@codewithajesh]

Glad it helped!

[@Isa69666]

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.

[@NJhansisri]

why am I getting this one "'gh-pages' is not recognized as an internal or external command, operable program or batch file." should I install anything?

[@dijistoreonline]

Thanks sir, you are great!

[@codewithajesh]

You are most welcome

[@A3COriginals]

Great work APPRECIATE

[@codewithajesh]

So nice of you

[@asmitasuman3691]

Why is react app not working in github pages? It's working on local host. Any solution?

[@musclystallion]

does it work when using vite?

[@erensia5048]

Thank you so much it was really so easy to follow

[@arravalipavan]

thanks so much bro u helped me alot

[@SantoshRathod-h3v]

thanks, bro you helped a lot..

[@isaacdominic2896]

Thank you so much was so easy to understand

[@codewithajesh]

You're very welcome!

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

[@Liubov9876]

Thank you! Good video!

[@codewithajesh]

Glad you liked it!

[@sagargiri1361]

Thanks very much your video was to the point .

[@fitvibeindia]

Wow Thanks for the guide its working...😍

[@codewithajesh]

You're welcome!

[@fitvibeindia]

@@codewithajesh ♥️♥️♥️

[@fitvibeindia]

@@codewithajesh bro if I want to update the exisiting code in github how to do it please make a video of it.

[@riyadhossain36]

Thank you very much effective Information it's working

[@codewithajesh]

Great

[@БорисЗаславский-ч8э]

Thank you very much, you are great!

[@codewithajesh]

Thank you too!

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

[@kumarpawansahh]

still stucked

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

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

[@mohd.jahidulislam3277]

Very Useful 👍🏿👍🏿👍🏿

[@codewithajesh]

Glad to hear that

[@jalithakheminda2902]

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