How to deploy a Vite / React application to GitHub pages

[@arthurkhallifa]

I was getting crazy with some bugs with Pages, but doing the exact steps that you take, i could finally done it, THANKS SO MUCH

[@batbegins]

God bless you! I watched a lot of content like this, but this is really different and has finally helped me deploy my project.

[@HarshPatel-lv2el]

thanks man spent too much time to resolve the errors and then finally by your video i finally got it. thanks a lot

[@naraladayakarreddy7140]

Previously I watched so many videos but every time I am able deploy into live.Finally yours videos is usefull for me,Thank you so Much

[@victormanuelramirez2502]

Thanks! Didn't know you could run a deploy command from the terminal but now I do!

[@Mare_Brat]

Thanks buddy for this tutorial! Helped a lot!

[@egeozel80]

Thanks so much, same here with the struggle and lead to solution with you. Good job.

[@kuoyulu6714]

Thanks alot, this help me put up my first ever react website! 😃

[@jeff-creations]

Excellent video. Straight to the point without a bunch of fluff. Worked great, thanks! Keep up the great work..........

[@dudeyt1849]

Bruh i went crazy, finally i found ur video. tnx bruh🙂

[@_acky]

what if my project used react router dom, it deploys but it throws an 404 server error

[@RomanRoman-py8qf]

instead of use

[@unsolvedmystery7408]

​@@RomanRoman-py8qf is it going to work on vite, because i wanted to deploy on vite

[@blitzritter7867]

Bro I was able to deploy my project thanks to you, thank you very much

[@lowmikow1099]

Thank you so much! Other videos either didn't work for me or included extra unnecessary steps!

[@XxxOwNeD89xxX]

Thank man, was very simple and you went step by step , nicely done!

[@vamcreddy4112]

Thanq bro. i was struggling so bad untill i found your video... It really helped me.!!

[@worldnothing1928]

bro can we also deploy a tailwind app

[@singularity8027]

thank god dude. I have been struggling many days. You helped me a lot.

[@EdgarsGrazulis]

Thanks, your video is very helpful! Had to watch it three times to finally deploy it haha mistake on my end though

[@mkj4443]

Yooo bro thank you and God bless you bro for your explanation, finally i could do it on 10th attemption

[@hamka363]

Thanks you so much bro👌👌

[@hrishikeshkalekinge5825]

Thank You brother, just what i was looking for

[@richardvass3012]

Thank you so much man, your video helped me! Have a nice day!

[@kishankumar2272]

Really helpful video , thanks

[@tunaaa5997]

yoo after hourse of debugging and trying to deploy it finally works thankks

[@souravbannerjee7151]

very very thanks sir

[@DeepakKumar-oz5ky]

Thanks sir first time i live my project

[@sathiyapriyan382]

Thanks a lot bro its very help ful but
add script is some changes
"scripts": {
"deploy": "vite build && gh-pages -d dist",
"predeploy": "rm -rf dist"
}
so kindly this use of it, then you went step by step its done!!

[@BekzatTulebaev]

thx bro u are awesome😊

[@EmenikeVictor-v3u]

thanks, this was really helpful

[@amitasulin726]

nice it worked ty!

[@seeker3794]

Thank you very much... It finally works

[@SipheleleZulu-jg4wr]

Thank you so much.. Very clear

[@arpitsingh5312]

Thank you there.

[@BeBetterDev]

Thank you soo much 🥹✨😭

[@ajaysan2765]

Thank you so much!

[@sanjeevkumarvijayakumar]

THANK YOU SO SO MUCH

[@RustAlderson]

so helpful
thx bro

[@joeblack8843]

God Job👍

[@debrajmondal8659]

Very helpful video ❤❤

[@TiarnanGuinee]

Legend

[@0600adm]

thank you

[@samsunggalaxyj7816]

Thanks. It worked.

[@techypanti]

Thanks ! It works

[@breemudi]

Thank you so so much

[@abhishekchavan7526]

Thank You so much.

[@HemantNavlani]

Thankyou so much brother

[@Amr_Jalal]

Thank you very very much

[@assia593]

great explanition

[@rajshukla2465]

thanks :)

[@AikadevJS]

thanks alot , +1 like for u

[@kevz_codes]

Thanks a lot❤

[@Warciarz04]

Thank You :)

[@abdulmalekakel8982]

GREAT MAN BUT I STILL HAD A PROBLEM WITHIN IMAGES , THEY ARE NOT SHOWIN IN THE WEBSITE

[@sonnymad8968]

Thanks a lot❤❤

[@arabDevelopers312]

thank you verrry much

[@JuanHincapie-m6s]

I have a question, if a have my react project inside a file on the repo, what should I change to do this process function?

[@ericksegura478]

Gracias Dios te bendiga

[@williamwassmann9349]

hrrps is a mood.

[@eduardovargas5848]

thank you bro

[@sawi494]

thanks it helped🤩

[@SurajChoudhary_07]

👍

[@narendrawadhwa3506]

do i need to gitignore the dist folder or not?

[@wyarn]

Thank you a lot deploying works very well. But as we defined base as project name in vite.config.js, now every time I start a live server (via: npm run dev) it redirects to localhost 5173/basename/ And this makes anchors etc inactive. How can I fix that?

[@marinicamashinica]

don't run deployment, try "npm run start" or "vite preview"

[@muradpetrosyan5128]

Thanks man

[@thevaishndra]

does this works for react router too?

[@kitesn1]

thanks bro ;))

[@VRLilypad]

This works until I try to set up a custom domain, how would you get this working with one?

[@kir6925]

tysmm!

[@arashsharifi-s2v]

tnx

[@dbuddheiejsjejebwiwhww]

gh-pages is not eecognized as a command after deploying the project...

[@kidslasher7rn783]

there's an error on mine when at the terminal typing git init, this appear "git : The term 'git' is not recognized as the name of a cmdlet, function, script file, or operable program. Check the spelling of the name, or if
a path was included, verify that the path is correct and try again.
At line:1 char:1"

[@idlefreak015]

you need to download git. you can download it from here:
www.git-scm.com/downloads
make sure to refresh your IDE after installation

[@crusaderpr7683]

i got a error: failed to push some refs to does that mean i need to add a different link how do i fix this?

[@luiskingsleytolentino8291]

I followed all the instructions but the images that came from public folder doesn't load on preview and deployed page, even tho the image is present on the dist folder

[@idlefreak015]

check your image sources

[@dipuometuel6806]

index-7IEc_BOz.css:1

Failed to load resource: the server responded with a status of 404 ()

[@dnjosh10]

I got a blank screen showing only the page titile

[@sozako2243]

how to update it after i deployed it

[@Carlover_guy]

It doesn’t work for me

[@vjy78]

my css is not loading after this

[@prathamgupta6973]

you have a black cat

[@odeylinus6546]

My is not working

[@chikara_2002]

For me after I push the files into github and the link loads up and has the gh-pages option on the branch, when I click the link the site doesn't work. Any idea why?

[@Titan-ey2wj]

maybe in the app comp u need to set a basename prop in the browserrouter. basename="tour repo name"

[@chikara_2002]

@@Titan-ey2wj do you mean the line base:”repo name”:?

[@XploreHow]

Is it you "L"

[@UncannyPotato69]

lol brother

[@dpeedits]

bro sitting like L