deploy-pages.yaml

name: deploy-pages

on:
    push:
        branches:
            - main

concurrency:
    # Only run one at a time.
    group: ${{ github.workflow }}
    cancel-in-progress: true

jobs:
    # Build job
    build:
        # actions/upload-pages-artifact
        runs-on: ubuntu-latest
        steps:
            # checkout the repository content to github runner

            - name: Checkout
              uses: actions/checkout@v2

            # setup nodejs environment
            - name: Setup Node.js environment
              uses: actions/setup-node@v2.1.5
              with:
                  node-version: '18.16.1'

            # cache the dependencies to speed up the build
            - name: Cache dependencies
              uses: actions/cache@v2
              with:
                  path: ~/.npm
                  key: ${{ runner.os }}-node-${{ hashFiles('**/package-lock.json') }}
                  restore-keys: |
                      ${{ runner.os }}-node-

            # install dependencies
            - name: Install dependencies
              run: npm i

            - name: Build
              run: npm run build

            - name: Upload Pages artifact
              uses: actions/upload-pages-artifact@v2
              with:
                  path: build

    # 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