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?

[@augustine_edeh]

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!

[@gouthama9509]

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

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

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

[@AJAYKUMAR-os1du]

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

[@pritampatidar2964]

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

[@r_uhi05]

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

[@codewithajesh]

Welcome 😊

[@prashantjain3959]

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

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

[@DarkShadow-bq5yb]

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

[@devanshurawat826]

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

[@raselmolla1306]

Mine had dist file. I typed build many times. Since last night i was trying, finally it works. Thanks.

[@codewithajesh]

Glad I could help

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

[@SUDHANRCSE]

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

[@codewithajesh]

Glad to hear that

[@Haan3322]

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

[@codewithajesh]

Glad it helped

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

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

[@debarunsarkar3863]

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

[@yashkhare1786]

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

[@codewithajesh]

Thanks a ton

[@MugilVasanthmylife]

Thank you made my first deployment very easy

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

[@_DhirajDurande]

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

[@Wasaby50312]

Same issue

[@soniabhagat1232]

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

[@wolgank]

ur the goat my friend thank u Ajesh

[@kiranmusudi]

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

[@ransilpinto8543]

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

[@emilypapillon]

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

[@odilsoncode]

Me too

[@codewithajesh]

Glad I could help!

[@kwenziwa]

That was easy and simple. Thanks mate

[@codewithajesh]

Glad it helped

[@amarjeetgupta1456]

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

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

[@tiagoandrade5645]

Thank you very much. You really did help me!

[@codewithajesh]

Glad I could help!

[@HighOctane-k4m]

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

[@codewithajesh]

Glad it helped

[@Yoonus-c5q]

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

[@alexalex-zh4ep]

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

[@codewithajesh]

You're welcome!

[@rhh1090]

This really helped me. Thanks so much dude! 👊

[@codewithajesh]

Glad it helped!

[@AryaArjun-cb6hr]

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

[@suv1703]

For me to bro now you got the solution ?

[@binodbhandari7543]

hosted just in 5 minutes. Thank you.

[@thothhermes7270]

Thanks buddy, It works like a charm👊

[@codewithajesh]

Happy to help

[@lakhalifilakhalifi3670]

Thank you, this is was helpful !

[@codewithajesh]

Glad it was helpful!

[@ShwethaM-rb7jc]

Thanks a lot, it finally worked 😊

[@codewithajesh]

Glad it helped

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

[@abhishekprajapati5319]

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

[@ganeshsaladi5932]

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

[@coder_chandan]

Thanks bro ❤, this is super helpful for me😊

[@codewithajesh]

Glad to hear that

[@yurTherapizt]

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

[@codewithajesh]

Glad I could help

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

[@rouf_photography]

Thanks bro, it's very helpfull 😊❤

[@codewithajesh]

Happy to help

[@souravbiswas7395]

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

[@codewithajesh]

Sure thing!

[@IamnotOC]

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 😁😁

[@ShubhamSinghJapan]

Thanks man !! It was really helpful :)

[@codewithajesh]

Glad it helped!

[@chennururahul3731]

Nicely shown brother

[@codewithajesh]

Thanks

[@rishiAura]

Without saying a word explained every thing

[@ashrafulmomenshuvo5344]

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

[@codewithajesh]

Thanks a ton

[@karthikdasari19]

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

[@codewithajesh]

Always welcome

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

[@suv1703]

Did you find the solution

[@konstantinreut2577]

Thank you buddy! You really helped me a lot!

[@codewithajesh]

Glad I could help!

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

[@prajwalkr5777]

tq bro it helped a lot

[@codewithajesh]

Glad it helped

[@ronityt2253]

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

[@codewithajesh]

You're welcome!

[@bhavikpatel5195]

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

[@abhishekshinde6153]

You made my day ❤. Its working completely ❤

[@codewithajesh]

Glad I could help

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

[@laxmisiddayyanavar2132]

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

[@codewithajesh]

I'm glad you like it

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

[@serezhakaushnjan8443]

Thank you))) Wish you more subscribers!

[@codewithajesh]

Thank you! 😃

[@nguyenhuuo5194]

Thank you for helping me a lot! 😁

[@codewithajesh]

Happy to help!

[@eboreimeohioleojo7261]

Thank you so much, please how do you make changes and it will affect ?

[@codewithajesh]

Just push to the main repository and wait (appox 10 min) till it gets deployed

[@barryazihuwa6168]

Thank You. Amazing tutorial!!

[@codewithajesh]

Glad it was helpful!

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

[@isaacdominic2896]

Thank you so much was so easy to understand

[@codewithajesh]

You're very welcome!

[@bloodyrainday4944]

thanks man. your video helped me a lot

[@codewithajesh]

Glad to hear it!

[@ShanuKhan-jx4xy]

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

[@davidzenteno1240]

Did you find out?

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

[@vikrantsarade]

will this work for vite+react?

[@selvaragavan4807]

Yeah it is not working for me

[@sagargiri1361]

Thanks very much your video was to the point .

[@NithilaG22MIC000]

i have 2 folders in the project ( frontend part + backend part) should i write this home page url twice then , and deploy it twice in 2 terminals ?

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

[@musclystallion]

does it work when using vite?

[@thebach9231]

Awesome video, thank you!!

[@codewithajesh]

Glad you liked it!

[@arravalipavan]

thanks so much bro u helped me alot

[@ftballhub]

Thanks man. It worked!!

[@codewithajesh]

Glad it helped

[@dijistoreonline]

Thanks sir, you are great!

[@codewithajesh]

You are most welcome

[@ramyesam9243]

Thank you bro 🤜😊

[@codewithajesh]

Any time

[@arunjain7570]

best video to deploy on github

[@riyadhossain36]

Thank you very much effective Information it's working

[@codewithajesh]

Great

[@rakeshreddysarikonda9540]

bro i did all the steps but at last i got blank page after deployment please tell me whats the issue

[@rubinsabu]

I have also faced same issue. It's blank page for me. Do you know how to fix this?

[@rakeshreddysarikonda9540]

​@@rubinsabuno bro but I shifted from react webpack to vite and that is working

[@shobiav3903]

Thanks a lot!! This was so much helpful

[@codewithajesh]

Glad it helped!

[@A3COriginals]

Great work APPRECIATE

[@codewithajesh]

So nice of you

[@erensia5048]

Thank you so much it was really so easy to follow

[@tostunes5603]

It is only displaying white blank page...what to do

[@SasiKumar-mp5fc]

hi did you get solution

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