build_and_deploy.yml

name: Build and deploy to GitHub Pages
on:
  push:
    branches: [main]
  pull_request:
    branches: [main]
  workflow_dispatch:
permissions:
  contents: read
  pages: write
  id-token: write
# Allow one concurrent deployment.
concurrency:
  group: "pages"
  cancel-in-progress: true
jobs:
  build:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        node-version: [18.x, 20.x]
    env:
      DEPLOYMENT_NODE_VERSION: '20.x'
    steps:
      - name: Check out sources
        uses: actions/checkout@v3

      - name: Use Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v3
        with:
          node-version: ${{ matrix.node-version }}
          cache: yarn
          cache-dependency-path: yarn.lock

      - name: Install build dependencies
        run: yarn install

      - name: Build project
        run: yarn build

      - name: Lint with ESLint
        run: npx eslint src/

      - name: Upload artifact
        if:
          github.ref_name == 'main' &&
          matrix.node-version == env.DEPLOYMENT_NODE_VERSION
        uses: actions/upload-pages-artifact@v1
        with:
          path: dist/

  deploy:
    environment:
      name: github-pages
      url: ${{ steps.deployment.outputs.page_url }}
    if: github.ref_name == 'main'
    runs-on: ubuntu-latest
    needs: build
    steps:
      - name: Deploy to GitHub Pages
        id: deployment
        uses: actions/deploy-pages@v1