build-storybook.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 Storybook

on:
  push:
    branches: [ "main" ]
    paths: ["storybook/**"] # trigger the action only when files change in the folders defined here
    
  workflow_dispatch: # enable manual workflow run option

jobs:
  build-storybook:
    runs-on: ubuntu-latest
    strategy:
      matrix:
        node-version: [16.x]
    steps:
      - name: Checkout
        uses: actions/checkout@v3
        
      - name: Use Node.js ${{ matrix.node-version }}
        uses: actions/setup-node@v3
        with:
          node-version: ${{ matrix.node-version }}

      - name: Install and Build
        run: |
          npm ci
          npm run build-storybook
        working-directory: ./storybook

      - name: Deploy
        uses: JamesIves/github-pages-deploy-action@v4
        with:
          branch: gh-pages
          folder: ./storybook/public # output folder from `npm run build-storybook`