build-and-deploy.yml

name: Build and Deploy

on:
  push:
    branches:
      - main

jobs:
  build:
    runs-on: ubuntu-latest

    steps:
      - name: Checkout Repository
        uses: actions/checkout@v2
        with:
          ref: main  # Specify the branch
          token: ${{ secrets.GITHUB_TOKEN }}
          submodules: recursive
          clean: true
          persist-credentials: false
          fetch-depth: 1
          node-version: 16  # Set Node.js version explicitly

      - name: Use Node.js 16
        uses: actions/setup-node@v4
        with:
          node-version: 16

      - name: Install Dependencies
        run: npm install

      - name: Build with Vite
        run: npm run build

  deploy:
    runs-on: ubuntu-latest

    needs: build

    steps:
      - name: Checkout Repository
        uses: actions/checkout@v2
        with:
          ref: main  # Specify the branch
          token: ${{ secrets.GITHUB_TOKEN }}
          submodules: recursive
          clean: true
          persist-credentials: false
          fetch-depth: 0
          node-version: 16  # Set Node.js version explicitly

      - name: Use Node.js 16
        uses: actions/setup-node@v4
        with:
          node-version: 16

      - name: Install Dependencies
        run: npm install

      - name: Deploy to GitHub Pages
        run: |
          git checkout -b gh-pages
          git add -f dist
          git commit -m "Deploy Vite build"
          git push origin gh-pages:gh-pages
        env:
          NODE_ENV: production