Deploy Vite React App to GitHub Pages (2024)

Looking to deploy your Vite React app to GitHub Pages? This video provides a clear, step-by-step guide to get you started! Learn how to configure your project, set up a GitHub workflow, Vite config, and leverage GitHub Pages for deployment. Whether you're a seasoned React developer or just getting started with Vite, this tutorial will equip you to showcase your app to the world! ✨

#vitejs #react #react #github

Let's connect:

[hikaru_e]

This is one of the most concise tutorials I’ve ever seen. Thank you for valuing our time!

[ChideraAbaraonye]

Thanks a lot. I deployed my first React app, thanks to this video.

[alimanghat]

I have never once commented on a youtube video but this video just saved me big time. I spent hours trying to figure it out but luckily finally came across this video. Thank you very much!

[am_horrorfinder]

guys, this guy is absolute straight to point guy. I wondered this is new channel owner. thanks man. love from INDIA.

[BLINKBOXHD]

I don't see gh-pages as an option under branch

[muhammedyaseen]

Thanks man, i spent a so much time figuring it out

[amansemwal]

hey im not getting the gh-pages option, ive tried multiple times.
its showing deployed, but only a blank screen shows up

[huzaifaimran]

Lifesaver tutorial for real, Deployed Easily at one go, Underrated Channel! Thank you, you have my like and subscribe!

[otzmediaz]

usually i don't comment in video but this video help me lot thanks for that 🥰

[Plantarc]

Very helpful tutorial, thank you so much

[ABHISHEKPOKHARKAR-iifb]

you did really amazing job !! after so main fail how to deploy on github after watching this video all problem solve great!!!

[DeepakSharma-cfcz]

thank alot bro ❤‍🔥❤‍🔥
you gained 1 more subscriber

[yannanicolas]

I did all the steps but then when i go to Actions, there is no failed deployment that i can re-run, please help me. Ty!

[starboy]

Hey I followed your tutorial and deployed the app successfully.

But I got an error. So I made some changes to my code and when I am trying to push the code to github with the general
“git push -u origin main” command, it shows a message “everything is up-to-date” but the repository isn’t really updated on github.

Can you help me about it?

[ashanime]

thanks buddy, this is the best video I have seen

[terezachudejova]

I used your tutorial several times and it always worked! The last time I used it was like a week ago. I followed the exact same steps today and after pushing the project to GH and setting the actions permission, I don't see any workflow in the Actions section. I did the exact same thing as always. Do you have any idea what could went wrong? Thank you.

[Kerchiano]

Здравствуйте! Владислав, а у меня возникают проблемы с отображением картинок которые находятся в папке assets. И в принципе с переходами на другие урл если не добавить роуты. Есть ли возможность как-то это решить?

[isuskrist]

Nice video. What VSCode theme are you using?

[maryamsaleh]

Thanks, I successfully deployed my code, but there is a problem with images/icons. Seems like there is some problem with relative paths.

[paulocavalcanti]

If I choose gh-pages as the Branch, I can execute the app, but cannot access the doc. On the other hand, if I choose main as the Branch, I can see the doc, but cannot execute the app.