build-and-deploy.yml

# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code, upload it as artifact and deploy to Github Pages
# For more information see: https://docs.github.com/en/actions/automating-builds-and-tests/building-and-testing-nodejs

name: Build and deploy
on:
  push:
    branches: [ "main" ]

jobs:
  build:

    runs-on: ubuntu-latest

    steps:
    - uses: actions/checkout@v3
    - name: Use Node.js 18.X
      uses: actions/setup-node@v3
      with:
        node-version: 18.X
        cache: 'npm'
    - run: npm install
    - run: npm run build
    - name: Replace symlinks by the targeted file
      run: find ./dist -type l -exec sh -c 'cp --remove-destination "$(readlink "{}")" "{}"' \;
    - name: Archive production artifacts
      uses: actions/upload-pages-artifact@v2
      with:
        path: ./dist


  # Deploy job
  deploy:
    # Add a dependency to the build job
    needs: build

    # 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 }}

    # Specify runner + deployment step
    runs-on: ubuntu-latest
    steps:
      - name: Deploy to GitHub Pages
        id: deployment
        uses: actions/deploy-pages@v2