build.yml

# Simple workflow for deploying static content to GitHub Pages
name: Deploy static content to Pages

on:
    # Runs on pushes targeting the default branch
    push:
        branches: ['main']

    # Allows you to run this workflow manually from the Actions tab
    workflow_dispatch:

# Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages
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
        steps:
            - uses: actions/checkout@v3
            - name: Setup Pages
              uses: actions/configure-pages@v2
            - name: Use Node.js
              uses: actions/setup-node@v3
              with:
                  node-version: 18.x
                  # See supported Node.js release schedule at https://nodejs.org/en/about/releases/
                  cache: 'npm'
            - run: npm install
            - run: npm test && npm run build
            - name: Upload build result for deploy job
              uses: actions/upload-pages-artifact@v1
              with:
                  path: ./

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