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
Sur cette page du site, vous pouvez voir la vidéo en ligne Deploy Your Vite React App to Github Pages - Step by Step Guide | Loyd Programming durée heure minute seconde en bonne qualité , qui a été Téléchargé par l'utilisateur Loid Programming 07 novembre 2024, Partagez le lien avec vos amis et connaissances, sur youtube cette vidéo a déjà été regardée 106 fois et il a aimé 1 téléspectateurs. Bon visionnage!
