Deploy Your Vite React App to Github Pages - Step by Step Guide | Loyd Programming

Pubblicato il: 07 novembre 2024
sul canale di: Loid Programming

106

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

In questa pagina del sito puoi guardare il video online Deploy Your Vite React App to Github Pages - Step by Step Guide | Loyd Programming della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Loid Programming 07 novembre 2024, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 106 volte e gli è piaciuto 1 spettatori. Buona visione!

54,509