import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' // https://vitejs.dev/config/ export default defineConfig({ plugins: [react()], + base: '/vite-deploy-demo/' }) Now, asset links will have a correct path, so commit ...

name: Deploy on: push: branches: - main jobs: build: name: Build runs-on: ubuntu-latest steps: - name: Checkout repo uses: actions/checkout@v3 - name: Setup Node uses: actions/setup-node@v3 - name: Install dependencies uses: bahmutov/npm-install@v1 - name: Build project run: npm run build - name: Upload production-ready build files uses: actions/upload-artifact@v3 with: name: production-files path: ./dist deploy: name: Deploy needs: build runs-on: ubuntu-latest if: github.ref == 'refs/heads/main' steps: - name: Download artifact uses: actions/download-artifact@v3 with: name: production-files path: ./dist - name: Deploy to GitHub Pages uses: peaceiris/actions-gh-pages@v3 with: github_token: ${{ secrets.GITHUB_TOKEN }} publish_dir: ./dist

April 15, 2023 - If you're using React Router, you can use the Hash Router instead of the Browser Router. There is also another workaround that I personally use in my projects: spa-github-pages ... Hi! When using Hash Router, do we need to modify base path in vite.config.js to 'repo-name/#' ?

Push your code to a git repository (GitHub, GitLab, BitBucket, Azure DevOps). Import the project to Netlify.

November 8, 2023 - Stage all changes in the current directory using git add ., commit, and push it to our GitHub repository. Under the “Actions” tab, we will see our workflow appear based on our recent push.

March 26, 2023 - This will stage all the files in your project for committing. ... This will create a new commit in the Git repository with the message “Initial commit”. 4- Rename the master branch to main by running the command: ... This will add the GitHub repository as a remote for your local Git repository. 6- Finally, push the changes to the remote repository by running the command: ... This will push the initial commit of your local Git repository to the GitHub repository. With the React app pushed to Github, you can now deploy your React app.

February 11, 2024 - This will stage all the files in your project for committing. ... This will create a new commit in the Git repository with the message “Initial commit”. 4. Rename the master branch to main by running the command: ... This will add the GitHub repository as a remote for your local Git repository. 6. Finally, push the changes to the remote repository by running the command: ... This will push the initial commit of your local Git repository to the GitHub repository. With the React app pushed to Github, you can now deploy your React app.

February 17, 2024 - git init git add . git commit -m "Initial commit" git remote add origin your-repository-url git push -u origin main · Replace 'your-repository-url' with the URL of your GitHub repository.

April 29, 2024 - After running this command, git pushes the contents of the dist directory (which contains the built assets) to the gh-pages branch of your repository. This branch serves as the source for your GitHub Pages website. GitHub automatically detects changes to this branch and updates your website accordingly. Once the deployment process is complete, your website is live! You can access it using the URL : ... Congratulations! Your Vite React website is now successfully deployed to GitHub Pages, and it’s ready to be accessed by users around the world.

December 19, 2024 - git remote add origin https://github.com/your-username/vite-react-project.git ... Your project is now live on GitHub! You can continue developing your project locally. When you make changes, follow these steps to push updates to GitHub:

February 20, 2023 - I used Github for my personal site for several years but recently switched to Netlify, I highly recommend. Their CI/CD is a lot more intuitive than Github actions too. Just push and your app/site will build and publish automatically. Senior React Devs: What stack would you choose for a large-scale production app in 2026?

July 12, 2023 - $ git commit -m "initial-commit" $ git branch -M main $ git remote add origin http://github.com/{username}/{repo-name}.git $ git push -u origin main · Add the base URL in this file by setting the base as “/{repo-name}/”. For example, if ...

December 13, 2024 - Replace <your-username> and <repo-name> with your actual GitHub username and repository name. Configure Vite Base URL In vite.config.js, set the base to match your repo’s path: import { defineConfig } from 'vite' import react from '@vitejs/plugin-react' export default defineConfig({ base: '/<repo-name>/', // Add this line plugins: [react()] }) ... This command builds your app and pushes the dist folder to the gh-pages branch of your repo.

git init git add . git commit -m "add: initial files" git branch -M main git remote add origin https://github.com/[USER]/[REPO_NAME] git push -u origin main · Config -> Actions -> General -> Workflow permissions -> Read and Write permissions ...

March 20, 2023 - First, we need to initiate your project as a GitHub repository. ... Leave the default as origin. ... Now it's time to commit our changes and push our repo up to GitHub. We can add all of our changes with one command as follows: ... warning: in the working copy of 'vite-project/.gitignore', ...

November 3, 2023 - #!/usr/bin/env sh # abort on errors set -e # build npm run build # navigate into the build output directory cd dist # place .nojekyll to bypass Jekyll processing echo > .nojekyll # if you are deploying to a custom domain # echo 'www.example.com' > CNAME git init git checkout -B main git add -A git commit -m 'deploy' # if you are deploying to https://<USERNAME>.github.io # git push -f git@github.com:<USERNAME>/<USERNAME>.github.io.git main # if you are deploying to https://<USERNAME>.github.io/<REPO> # git push -f git@github.com:<USERNAME>/<REPO>.git main:gh-pages cd - 1️⃣1️⃣ Commit your changes from your local repository to your GitHub repository: ... Go to the general settings of your repo and navigate to the "Pages" section in the General Settings menu. Depending on your project, it may take a few minutes to complete the deployment.

January 9, 2025 - Your website will be published to https://<username>.github.io/<repo-name> Note : be careful with the forward slashes in the repo-name, I have used only /repo-name and not /repo-name/ This also changes the localhost URL to http://localhost:5173/repo-name · I hope this helps anyone who is stuck with a blank page and 404 asset/js files not found in console issue when publishing a Vite React project with React Router to Github pages.