React-Vite-github-deployment-steps.md

1. install gh-pages package from npm

npm install gh-pages --save-dev

2. add these 2 scripts in package.json

"predeploy": "npm run build",
"deploy": "gh-pages -d dist"

3. add homepage in package.json after name

"homepage": "https://github.io/<github-username>/<github-repo-name>",

Note: replace the <github-username> with your own GitHub username and the <github-repo-name> with your project's GitHub repository name

4. add base in vite.config.ts after plugins

  base: '/<github-repo-name>/'

Note: replace <github-repo-name> with your project's GitHub repository name

5. to deploy the web-app run the code in your terminal at projects location

npm run deploy