How to deploy a Vite / React application to GitHub pages
Музыка
tags:
GitHub Pages
Vite
React
Deploying React Apps
GitHub Pages Tutorial
Hosting React Apps
Deploying Vite Apps
React Deployment
GitHub Pages Deployment
Vite Deployment
Web Development Tutorial
Frontend Development
Hosting Websites on GitHub
Website Deployment
Step-by-Step Deployment
Web Development Guide
GitHub Hosting
Web Hosting for Beginners
GitHub Pages Setup
GitHub Pages Walkthrough
Free Hosting for Websites
Static Website Deployment
GitHub Pages Configuration
Vite and React Deployment
Easy Website Hosting
How to Publish a React App
Deploying Websites on GitHub Pages
GitHub Pages Hosting Tutorial
Web Development Tips
GitHub Pages Best Practices
Frontend Deployment
Web App Deployment
GitHub Pages Hosting
GitHub Deployment Guide
Free Hosting for React Apps
GitHub Pages Tutorial for Beginners
React Project Deployment
GitHub Pages for Web Developers
Website Publishing on GitHub
GitHub Pages Configuration Steps
Deploy React App on GitHub
GitHub Pages Walkthrough
Vite Build and Deploy
GitHub Pages Deployment Process
Deploying React on GitHub Pages
GitHub Pages Hosting Setup
Vite Project Deployment
React GitHub Pages Guide
Deploying Static Websites
Easy Vite Deployment
Vite Project to GitHub Pages
Fast Deployment with Vite
GitHub Pages for Code Hosting
Simple GitHub Pages Deployment
GitHub Pages Tips and Tricks
Deploying a React Portfolio
GitHub Pages Custom Domain
GitHub Pages Troubleshooting
Optimizing GitHub Pages Performance
GitHub Pages vs. Other Hosting Options
Web Development Hosting Solutions
GitHub Pages Benefits
Using Custom Domains with GitHub Pages
SEO for GitHub Pages
Web Hosting for Programmers
Publishing React Apps Online
Best Practices for GitHub Pages
GitHub Pages Security
Version Control for Web Hosting
GitHub Pages vs. Netlify
GitHub Pages vs. Vercel
GitHub Pages vs. AWS
GitHub Pages vs. Heroku
GitHub Pages vs. Firebase
GitHub Pages vs. GitLab Pages
Пікірлер: 79
Excellent video. Straight to the point without a bunch of fluff. Worked great, thanks! Keep up the great work..........
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
Bro I was able to deploy my project thanks to you, thank you very much
Thanks! Didn't know you could run a deploy command from the terminal but now I do!
Bruh i went crazy, finally i found ur video. tnx bruh🙂
Thank man, was very simple and you went step by step , nicely done!
thank god dude. I have been struggling many days. You helped me a lot.
Thank you so much man, your video helped me! Have a nice day!
Thanks alot, this help me put up my first ever react website! 😃
yoo after hourse of debugging and trying to deploy it finally works thankks
Thank You brother, just what i was looking for
Thank you very much... It finally works
Thanks sir first time i live my project
Thanks, your video is very helpful! Had to watch it three times to finally deploy it haha mistake on my end though
Thank you so much! Other videos either didn't work for me or included extra unnecessary steps!
thanks, this was really helpful
Yooo bro thank you and God bless you bro for your explanation, finally i could do it on 10th attemption
great explanition
Really helpful video , thanks
Very helpful video ❤❤
Thanq bro. i was struggling so bad untill i found your video... It really helped me.!!
@worldnothing3721
5 ай бұрын
bro can we also deploy a tailwind app
God Job👍
Thank you so much.. Very clear
Thank you so much!
THANK YOU SO SO MUCH
thx bro u are awesome😊
so helpful thx bro
Thank you there.
Thanks. It worked.
Thanks ! It works
Thank You so much.
Thank you so so much
Thankyou so much brother
Thank you very very much
Thank You :)
thank you verrry much
Thanks a lot❤
Gracias Dios te bendiga
Thanks a lot❤❤
what if my project used react router dom, it deploys but it throws an 404 server error
@RomanRoman-py8qf
3 ай бұрын
instead of use
@unsolvedmystery7408
Ай бұрын
@@RomanRoman-py8qf is it going to work on vite, because i wanted to deploy on vite
thanks it helped🤩
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!!
thanks alot , +1 like for u
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?
Thanks man
thank you bro
👍
thanks bro ;))
tnx
do i need to gitignore the dist folder or not?
hrrps is a mood.
tysmm!
This works until I try to set up a custom domain, how would you get this working with one?
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?
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
5 ай бұрын
don't run deployment, try "npm run start" or "vite preview"
gh-pages is not eecognized as a command after deploying the project...
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
6 ай бұрын
you need to download git. you can download it from here: www.git-scm.com/downloads make sure to refresh your IDE after installation
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
6 ай бұрын
check your image sources
index-7IEc_BOz.css:1 Failed to load resource: the server responded with a status of 404 ()
I got a blank screen showing only the page titile
how to update it after i deployed it
It doesn’t work for me
my css is not loading after this
you have a black cat
My is not working
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
5 ай бұрын
maybe in the app comp u need to set a basename prop in the browserrouter. basename="tour repo name"
@chikara_2002
4 ай бұрын
@@Titan-ey2wj do you mean the line base:”repo name”:?
Is it you "L"
bro sitting like L