How to Deploy React App to GitHub Pages

No video

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

Рет қаралды 202,743

Күн бұрын

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?

Пікірлер: 487

@AbhishekSingh-vl1dp Жыл бұрын

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

@codewithajesh Жыл бұрын

Thank you so much 😀

@rhh1090 6 ай бұрын

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.

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

@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

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

@davidcopestakes7310 6 ай бұрын

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 6 ай бұрын

You're welcome!

@mohdsameer2445 5 ай бұрын

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

@gouthama9509 10 ай бұрын

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

@AnujYadav-dp1dy 7 ай бұрын

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 7 ай бұрын

Glad it helped!

@Gibbb032 7 ай бұрын

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 7 ай бұрын

Great 👍

@AJAYKUMAR-os1du Жыл бұрын

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

@prashantjain3959 7 ай бұрын

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

@debarunsarkar3863 8 ай бұрын

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

@AryaArjun-cb6hr 5 ай бұрын

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

@yashkhare1786 8 ай бұрын

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

@codewithajesh 8 ай бұрын

Thanks a ton

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

@nipnilrajdeka7128 4 ай бұрын

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

@codewithajesh 3 ай бұрын

You are most welcome

@thothhermes7270 13 күн бұрын

Thanks buddy, It works like a charm👊

@codewithajesh 3 күн бұрын

Happy to help

@devanshurawat826 6 ай бұрын

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

@DarkShadow-bq5yb 5 ай бұрын

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

@user-xy4rw3wf4z 5 ай бұрын

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

@codewithajesh 5 ай бұрын

Glad to hear that

@ransilpinto8543 4 ай бұрын

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

@Sportzz7781 3 ай бұрын

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

@emilypapillon 3 ай бұрын

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

@odilsoncode 3 ай бұрын

Me too

@codewithajesh Ай бұрын

Glad I could help!

@digo0203ify Жыл бұрын

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

@GABRIELDOBT 10 ай бұрын

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

@josevictor7182 9 ай бұрын

Aconteceu o mesmo comigo. Ufa finalmente achei.😌

@alexalex-zh4ep Жыл бұрын

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

@codewithajesh Жыл бұрын

You're welcome!

@amarjeetgupta1456 7 ай бұрын

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

@kiranmusudi Ай бұрын

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

@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

@bhavikpatel5195 7 ай бұрын

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

@tirthrami9550 4 ай бұрын

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

@codewithajesh 4 ай бұрын

Glad it helped

@ganeshsaladi5932 Жыл бұрын

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

@rhh1090 6 ай бұрын

This really helped me. Thanks so much dude! 👊

@codewithajesh 6 ай бұрын

Glad it helped!

@kwenziwa 4 ай бұрын

That was easy and simple. Thanks mate

@codewithajesh 4 ай бұрын

Glad it helped

@yurTherapizt 3 ай бұрын

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

@codewithajesh Ай бұрын

Glad I could help

@ShubhamSinghJapan 7 ай бұрын

Thanks man !! It was really helpful :)

@codewithajesh 7 ай бұрын

Glad it helped!

@wisdomochei Жыл бұрын

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

@rishiAura 5 ай бұрын

Without saying a word explained every thing

@abhishekshinde6153 Жыл бұрын

You made my day ❤. Its working completely ❤

@codewithajesh Жыл бұрын

Glad I could help

@poojalahane2584 10 күн бұрын

Thank you so much ❤❤

@konstantinreut2577 8 ай бұрын

Thank you buddy! You really helped me a lot!

@codewithajesh 8 ай бұрын

Glad I could help!

@user-hr3hw6sx6b 14 күн бұрын

thanks, bro you helped a lot..

@rabiayousuf7318 10 ай бұрын

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

@codewithajesh 10 ай бұрын

Glad it was helpful!

@Listen_It_Up 2 ай бұрын

Thank You very much. Love from India!

@codewithajesh Ай бұрын

Thank you! I'm also from India

@barryazihuwa6168 2 ай бұрын

Thank You. Amazing tutorial!!

@codewithajesh Ай бұрын

Glad it was helpful!

@tharunkumar27 Ай бұрын

Worthy 🤗

@abhishekprajapati5319 5 ай бұрын

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

@ftballhub 7 ай бұрын

Thanks man. It worked!!

@codewithajesh 7 ай бұрын

Glad it helped

@ronityt2253 4 ай бұрын

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

@codewithajesh 4 ай бұрын

You're welcome!

@ashrafulmomenshuvo5344 Жыл бұрын

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

@codewithajesh Жыл бұрын

Thanks a ton

@nickscopre726 4 ай бұрын

Such a helpful video, thank you!!!

@codewithajesh 4 ай бұрын

Glad it was helpful!

@erensia5048 Жыл бұрын

Thank you so much it was really so easy to follow

@souravbiswas7395 Жыл бұрын

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

@codewithajesh Жыл бұрын

Sure thing!

@coder_chandan Ай бұрын

Thanks bro ❤, this is super helpful for me😊

@codewithajesh Ай бұрын

Glad to hear that

@nguyenhuuo5194 5 ай бұрын

Thank you for helping me a lot! 😁

@codewithajesh 5 ай бұрын

Happy to help!

@shobiav3903 Жыл бұрын

Thanks a lot!! This was so much helpful

@codewithajesh Жыл бұрын

Glad it helped!

@nithinlycanz 6 ай бұрын

You're a saver buddy.

@bloodyrainday4944 5 ай бұрын

thanks man. your video helped me a lot

@codewithajesh 5 ай бұрын

Glad to hear it!

@serezhakaushnjan8443 Жыл бұрын

Thank you))) Wish you more subscribers!

@codewithajesh Жыл бұрын

Thank you! 😃

@sagargiri1361 8 ай бұрын

Thanks very much your video was to the point .

@karthikdasari19 Жыл бұрын

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

@codewithajesh 11 ай бұрын

Always welcome

@arunjain7570 Жыл бұрын

best video to deploy on github

@user-uw2ym8ur6g 5 ай бұрын

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

@KarandashChannel 7 ай бұрын

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

@Liubov9876 Жыл бұрын

Thank you! Good video!

@codewithajesh Жыл бұрын

Glad you liked it!

@thebach9231 6 ай бұрын

Awesome video, thank you!!

@codewithajesh 6 ай бұрын

Glad you liked it!

@isaacdominic2896 9 ай бұрын

Thank you so much was so easy to understand

@codewithajesh 9 ай бұрын

You're very welcome!

@user-hn8oo7vr6q 2 ай бұрын

Thank you very much, you are great!

@codewithajesh 2 ай бұрын

Thank you too!

@GuilhermeOliveira-ny4md 5 ай бұрын

thaaaanks bro!!

@praveend-ds4qx Ай бұрын

great work man

@codewithajesh Ай бұрын

Appreciate it!

@riyadhossain36 Жыл бұрын

Thank you very much effective Information it's working

@codewithajesh Жыл бұрын

Great

@tostunes5603 5 ай бұрын

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

@SasiKumar-mp5fc 3 ай бұрын

hi did you get solution

@adrianCoding 7 ай бұрын

Thanks it worked 👍

@codewithajesh 7 ай бұрын

Glad I could help

@golddeagle7 Жыл бұрын

This is master level tutorial thanks.

@ShanuKhan-jx4xy Ай бұрын

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

@davidzenteno1240 20 күн бұрын

Did you find out?

@andriysachyk2934 5 ай бұрын

Bro thanks you helped a lot

@tt-bz7kx 11 ай бұрын

thank brother ありがとうごさいます。

@codewithajesh 11 ай бұрын

Glad to hear

@laxmisiddayyanavar2132 9 ай бұрын

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

@codewithajesh 9 ай бұрын

I'm glad you like it

@dijistoreonline 7 ай бұрын

Thanks sir, you are great!

@codewithajesh 7 ай бұрын

You are most welcome

@vuang5387 7 ай бұрын

Very clear, thank you

@codewithajesh 7 ай бұрын

You are welcome!

@mattbug3696 10 ай бұрын

this is amazing thank you very much

@ashokask2623 6 ай бұрын

It helped a lot Thanks

@codewithajesh 6 ай бұрын

Glad it helped

@qaisnuristany1887 7 ай бұрын

Thanks very precise

@codewithajesh 7 ай бұрын

Glad it was helpful!

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

@mizgduc1891 Жыл бұрын

bro u got my sub

@ZarafshanAsghari-jf8tp 2 ай бұрын

very very helpful ❤

@codewithajesh 2 ай бұрын

I'm so glad!

@asmitasuman3691 4 ай бұрын

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

@sunny0791 9 ай бұрын

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

@kumarpawansahh Ай бұрын

"deploy":"gh-pages -d dist" use this

@rohitdutta4126 13 сағат бұрын

same problem bro

@rohitbagade9182 10 ай бұрын

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