Deploy Your Vite React App to Github Pages - Step by Step Guide | Loyd Programming
Hello everyone, and welcome to Loyd Programming Channel! In today’s video, I’ll guide you through a step-by-step process to deploy your Vite React app to GitHub Pages. Whether you're a beginner or just looking for a quick and straightforward deployment method, this tutorial will help you get your app live in no time. Let’s get started!
Commands used in this video:
npm install gh-pages
npm run deploy
Package.json / Script
"predeploy": "npm run build",
"deploy": "gh-pages -d build"
Vite.config.js / defineConfig (Skip if not using vite)
build: {outDir: 'build' },
base: '/[your-repo-name]/'
Chapters:
00:00 Create a Repository on GitHub
00:20 Install gh-pages with NPM
00:35 Configure package.json File
00:46 Configure vite.config.js File
01:04 Add a Remote to the Repository
01:21 Run Deploy Command with NPM
02:41 Update Site
#Github #React #Vite #Deploy #Websites #LoidProgramming
Auf dieser Seite können Sie das Online-Video Deploy Your Vite React App to Github Pages - Step by Step Guide | Loyd Programming mit der Dauer stunde minuten sekunde in guter Qualität ansehen, das der Benutzer Loid Programming 07 November 2024 hochgeladen hat, den Link mit Freunden und Bekannten teilen, dieses Video wurde auf Youtube bereits 106 Mal angesehen und es wurde von 1 den Zuschauern gefallen. Viel Spaß beim Betrachtenden Zuschauern gefallen!
