How To Deploy A React Vite App To Github Pages (Simple)

In this video I will teach you guys how to deploy a vite react app to github pages in order to see your projects live.

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

Music from #Uppbeat (free for Creators!):
License code: F7OO7C56MJVVP1PB

#reactjs #deploy

[PedroTechnologies]

Quick note:
For most people, my tutorial is working fine and they are able to deploy. Some people still run into a blank page when deploying or have issues with images. So if this is you, check this out:

1. For the blank page issue, most of the time its because you forgot to add the {base: "/REPO_NAME/", } to the viteconfig or you put the repository name incorrectly. Remember, its not the url to the repo, just the name.
2. If you are using react router, please use React Routers HashRouter instead of browser router since github doesnt work with browser router.

🩵 Want to learn ReactJS?

[farazpc]

Thank you so much, I was spending more than 3 days just to run a react website in github but your 7 minutes video fixed all of it!

[kollurilohit]

Hey there guys i have updated the repo to serve images and files locally instead of using a blob storage it should allow more customisation for the website and fixed other minor issues as well.
Thank You for using my Template ❤

[AshishKumar-hwum]

thank you soo much bro i tried many months to deploy but this is the first worked video I ever seen, From today onwards you got a new subscriber

[yatsuto]

Thank you. I wasted a whole day trying to get my web page to work on github. Idk why i didnt just look up a video for help sooner.

[serajali]

Big love bro I was suffering with deploying my project until I saw your video ❤

[jaydenwebb]

Thank you so so much, I spent hours trying to figure out why nothing was working, didn't even know a gh-pages package existed!

[YottabyteBlender]

Thank you so much! I have referred to this video countless times, and it always works!👍

[sapkotasandeshofficial]

Thank you so much, brother! After countless frustrating hours trying to deploy my project, your video finally helped me succeed. I truly appreciate it! 🙏🏼✨❣, love from Nepal 🇳🇵

[thedeephole]

Worked like a charm, I just deployed my portfolio using this method

[TuirMeir]

GOD BLESS YOU ! You solved in 7 minuts what AI couldn't do in 100 prompts

[PatelHarsh-miyg]

Thank you so much♥, i was facing so many problems in deploying react project to github and i wasn't known how it would work in github pages but your video was so informative, it just solved my problems .

[rahuldeee]

been stressed for three days, only if i had come across your video earlier. thanks man

[loaybig]

didn't work initially because my repo was private, i changed it to public, and it worked thanks for the clear instructions. 👍

[Phoenix-ekmx]

SUCHHH A SMARTY PANTS LIFE SAVER YOU WAS REALLLY FRUSTRATED FROM NOW I KNOW WHERE TO COME IF I MESS UPP!! THANKS A BIG TIMEE!!!😭

[sid__shah]

thank you so much bro i tried so many time and see so many different people tutorial and nothing work for me and you just solved my problem in 6min.
from today onwards you got a new subscriber

[Smit_malani_]

Thanks bro, I was spending a day just deploy my rect app. Now saved your video for future reference. Again thanks bro. Love from India.❤❤❤

[rootkitraven]

it was the most practical method online. even more straght forward than chat gpt. many thanks bro.. wish you luck..

[AnnikaGabriel-wv]

! I was depressed for days cos it was not working. Just checked out your video and voila ! Thanks so much ! And thanks for the updated quick note, i'll check that out since my images will not load. Big hug!

[feliperamalho]

Salve Pedro, assistia bastante seu canal quando tava no estágio, fico feliz em ver que conseguiu tantos inscritos!