build-and-deploy.yml

name: Build and Deploy
on:
  push:
    branches:
      - main
env:
  BASE_PATH: /design-system-react # GH pages lives at a subdir
permissions:
  contents: write
jobs:
  build-and-deploy:
    concurrency: ci-${{ github.ref }} # Recommended if you intend to make multiple deployments in quick succession.
    runs-on: ubuntu-latest
    steps:
      - name: Checkout 🛎️
        uses: actions/checkout@v4
      - uses: actions/setup-node@v4
        with:
          node-version: 20

      - name: Install and Build 🔧 # This example project is built using npm and outputs the result to the 'build' folder. Replace with the commands required to build your project, or remove this step entirely if your site is pre-built.
        run: |
          yarn
          yarn build-storybook

      - name: Disable Jekyll # Tell GitHub Pages to not use Jekyll
        run: |
          touch dist-storybook/.nojekyll

      - name: Deploy 🚀
        uses: JamesIves/github-pages-deploy-action@v4
        with:
          folder: dist-storybook # The folder the action should deploy.