deployment.yaml

name: Deploy React to github pages
on:
    push:
        branches:
            - main
        paths-ignore:
            - README.md  
    workflow_dispatch:        
jobs:
    build:  
      
        runs-on: ubuntu-latest   
        steps:
          - name: get Code
            uses: actions/checkout@v4
          - name: Install Node 20
            uses: actions/setup-node@v4
            with: 
              node-version: 20
          - name: cache Dependencies
            uses: actions/cache@v4
            with: 
              path: ~/.npm
              key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
          - name: install Dependencies
            run: npm ci 
          - name: Build Project
            run: npm run build 
            env:
              VITE_BACKEND_API: ${{ secrets.VITE_BACKEND_API }}
          - name: Upload Dist Artifact
            uses: actions/upload-pages-artifact@v3
            with:
                name: github-pages
                path: dist
    deploy:
        needs: build
        runs-on: ubuntu-latest   
        # Grant GITHUB_TOKEN the permissions required to make a Pages deployment
        permissions:
          pages: write      # to deploy to Pages
          id-token: write   # to verify the deployment originates from an appropriate source
    
        # Deploy to the github-pages environment
        environment:
          name: github-pages
          url: ${{ steps.deployment.outputs.page_url }}
    
        steps:
          - name: Deploy to GitHub Pages
            id: deployment
            uses: actions/deploy-pages@v4 
            with:
                token: ${{secrets.GITHUB_TOKEN}}