Cómo desplegar una app React + Vite a Github Pages

Código paso a paso para hacer un deploy de una aplicación React + Vite en Github Pages.

En mi canal de youtube hay un video del paso a paso:

1 Creamos un proyecto React + Vite

npm create vite@latest

2 Creamos un repositorio en Github

3 Iniciamos y configuramos el git en el nuevo proyecto

4 Agregamos al package.json

"homepage": "https://juandavid.site/reactapp" 
"predeploy":"npm run build",
"deploy":"gh-pages -d dist",

5 Agregamos al vite.config.ts

base: "https://juandavid.site/reactapp"

6 Instalamos libreria gh-pages

pnpm add gh-pages -D

7 Ejecutamos

npm run deploy