BuildAndDeploy.yml

# This workflow will do a clean installation of node dependencies, cache/restore them, build the source code and run tests across different versions of node
# For more information see: https://help.github.com/actions/language-and-framework-guides/using-nodejs-with-github-actions

name: Build and Deploy

on:
  workflow_dispatch:
  push:
    branches: ['main']

jobs:
  build:
    environment: github-pages
    runs-on: ubuntu-latest

    strategy:
      matrix:
        node-version: [16.x]

    steps:
      - uses: actions/checkout@v3
      - name: Use Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v3
        with:
          node-version: ${{ matrix.node-version }}
          cache: 'npm'

      - name: Setup Secrets
        env:
          AIRTABLE_APIKEY: ${{ secrets.AIRTABLE_APIKEY }}
        run: |
          cd seo
          touch .env
          echo AIRTABLE_API_KEY="$AIRTABLE_APIKEY" >> .env

      - name: Build all the data
        run: |
          cd seo
          npm ci
          npm run build

      - name: Copy compiled data to public folder
        run: |
          cp ./src/assets/data/chipColours.json ./public/chipColours.json
          cp ./src/assets/data/communityList.json ./public/communityList.json

      - name: Build JS
        run: |
          npm ci
          npm run build

      - name: Deploy to GitHub Pages
        uses: JamesIves/github-pages-deploy-action@v4.3.4
        with:
          folder: dist # The folder the action should deploy.