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

  • @jeff-creations
    @jeff-creations8 күн бұрын

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

  • @arthurkhallifa
    @arthurkhallifa3 ай бұрын

    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

  • @blitzritter7867
    @blitzritter78678 ай бұрын

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

  • @victormanuelramirez2502
    @victormanuelramirez25025 ай бұрын

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

  • @dudeyt1849
    @dudeyt184913 күн бұрын

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

  • @XxxOwNeD89xxX
    @XxxOwNeD89xxX6 ай бұрын

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

  • @singularity8027
    @singularity80276 ай бұрын

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

  • @richardvass3012
    @richardvass30128 ай бұрын

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

  • @kuoyulu6714
    @kuoyulu67144 ай бұрын

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

  • @tunaaa5997
    @tunaaa59976 ай бұрын

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

  • @hrishikeshkalekinge5825
    @hrishikeshkalekinge58253 ай бұрын

    Thank You brother, just what i was looking for

  • @seeker3794
    @seeker37948 ай бұрын

    Thank you very much... It finally works

  • @DeepakKumar-oz5ky
    @DeepakKumar-oz5ky5 ай бұрын

    Thanks sir first time i live my project

  • @EdgarsGrazulis
    @EdgarsGrazulis6 ай бұрын

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

  • @lowmikow1099
    @lowmikow10992 ай бұрын

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

  • @EmenikeVictor-v3u
    @EmenikeVictor-v3u5 күн бұрын

    thanks, this was really helpful

  • @mkj4443
    @mkj44432 ай бұрын

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

  • @assia593
    @assia5939 ай бұрын

    great explanition

  • @kishankumar2272
    @kishankumar227225 күн бұрын

    Really helpful video , thanks

  • @debrajmondal8659
    @debrajmondal86596 ай бұрын

    Very helpful video ❤❤

  • @vamcreddy4112
    @vamcreddy41128 ай бұрын

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

  • @worldnothing3721

    @worldnothing3721

    5 ай бұрын

    bro can we also deploy a tailwind app

  • @joeblack8843
    @joeblack88438 ай бұрын

    God Job👍

  • @SipheleleZulu-jg4wr
    @SipheleleZulu-jg4wr4 ай бұрын

    Thank you so much.. Very clear

  • @ajaysan2765
    @ajaysan27659 ай бұрын

    Thank you so much!

  • @sanjeevkumarvijayakumar
    @sanjeevkumarvijayakumar3 күн бұрын

    THANK YOU SO SO MUCH

  • @user-hl7cd7tl7z
    @user-hl7cd7tl7z11 күн бұрын

    thx bro u are awesome😊

  • @RalertXRalert
    @RalertXRalert29 күн бұрын

    so helpful thx bro

  • @arpitsingh5312
    @arpitsingh53127 ай бұрын

    Thank you there.

  • @samsunggalaxyj7816
    @samsunggalaxyj78165 ай бұрын

    Thanks. It worked.

  • @techypanti
    @techypanti5 ай бұрын

    Thanks ! It works

  • @abhishekchavan7526
    @abhishekchavan75265 ай бұрын

    Thank You so much.

  • @breemudi
    @breemudi9 ай бұрын

    Thank you so so much

  • @HemantNavlani
    @HemantNavlani3 ай бұрын

    Thankyou so much brother

  • @Amr_Jalal
    @Amr_Jalal6 ай бұрын

    Thank you very very much

  • @Warciarz04
    @Warciarz044 ай бұрын

    Thank You :)

  • @arabDevelopers312
    @arabDevelopers3129 ай бұрын

    thank you verrry much

  • @kevz_codes
    @kevz_codes3 ай бұрын

    Thanks a lot❤

  • @ericksegura478
    @ericksegura4788 ай бұрын

    Gracias Dios te bendiga

  • @sonnymad8968
    @sonnymad89685 ай бұрын

    Thanks a lot❤❤

  • @_acky
    @_acky9 ай бұрын

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

  • @RomanRoman-py8qf

    @RomanRoman-py8qf

    3 ай бұрын

    instead of use

  • @unsolvedmystery7408

    @unsolvedmystery7408

    Ай бұрын

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

  • @sawi494
    @sawi4944 ай бұрын

    thanks it helped🤩

  • @sathiyapriyan382
    @sathiyapriyan3823 ай бұрын

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

  • @AikadevJS
    @AikadevJS3 ай бұрын

    thanks alot , +1 like for u

  • @user-rx7we1ib1b
    @user-rx7we1ib1b6 ай бұрын

    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?

  • @muradpetrosyan5128
    @muradpetrosyan51287 ай бұрын

    Thanks man

  • @eduardovargas5848
    @eduardovargas58485 ай бұрын

    thank you bro

  • @SurajChoudhary_07
    @SurajChoudhary_079 ай бұрын

    👍

  • @kitesn1
    @kitesn17 ай бұрын

    thanks bro ;))

  • @user-fn6ui9yb7j
    @user-fn6ui9yb7j5 ай бұрын

    tnx

  • @narendrawadhwa3506
    @narendrawadhwa35066 ай бұрын

    do i need to gitignore the dist folder or not?

  • @williamwassmann9349
    @williamwassmann93497 ай бұрын

    hrrps is a mood.

  • @kir6925
    @kir69255 ай бұрын

    tysmm!

  • @VRLilypad
    @VRLilypad7 ай бұрын

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

  • @crusaderpr7683
    @crusaderpr76834 ай бұрын

    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?

  • @wyarn
    @wyarn5 ай бұрын

    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

    @marinicamashinica

    5 ай бұрын

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

  • @dbuddheiejsjejebwiwhww
    @dbuddheiejsjejebwiwhww5 ай бұрын

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

  • @kidslasher7rn783
    @kidslasher7rn7836 ай бұрын

    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

    @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

  • @luiskingsleytolentino8291
    @luiskingsleytolentino82918 ай бұрын

    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

    @idlefreak015

    6 ай бұрын

    check your image sources

  • @dipuometuel6806
    @dipuometuel68062 ай бұрын

    index-7IEc_BOz.css:1 Failed to load resource: the server responded with a status of 404 ()

  • @dnjosh10
    @dnjosh103 ай бұрын

    I got a blank screen showing only the page titile

  • @sozako2243
    @sozako22432 ай бұрын

    how to update it after i deployed it

  • @Carlover_guy
    @Carlover_guy5 ай бұрын

    It doesn’t work for me

  • @vjy78
    @vjy783 ай бұрын

    my css is not loading after this

  • @prathamgupta6973
    @prathamgupta69733 ай бұрын

    you have a black cat

  • @odeylinus6546
    @odeylinus65464 ай бұрын

    My is not working

  • @chikara_2002
    @chikara_20025 ай бұрын

    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

    @Titan-ey2wj

    5 ай бұрын

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

  • @chikara_2002

    @chikara_2002

    4 ай бұрын

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

  • @XploreHow
    @XploreHow5 ай бұрын

    Is it you "L"

  • @dpeedits
    @dpeedits19 күн бұрын

    bro sitting like L

Келесі