build-deploy-storybook.yml

name: Build and Deploy Storybook

on:
  workflow_call:
    secrets:
      PUBLISH_STORYBOOK_TOKEN:
        required: true

jobs:
  build-deploy-storybook:
    permissions:
      contents: write
    runs-on: ubuntu-latest
    environment: github-pages
    steps:
      - name: Checkout the repository
        uses: actions/checkout@v4
      - name: Use Node.js
        uses: actions/setup-node@v4
        with:
          node-version-file: '.nvmrc'
          cache: 'yarn'
      - name: Install npm dependencies
        run: yarn --immutable
      - name: Run build script
        run: yarn build-storybook
      - name: Deploy to `storybook-static` directory of `gh-pages` branch
        uses: peaceiris/actions-gh-pages@de7ea6f8efb354206b205ef54722213d99067935
        with:
          # This PUBLISH_STORYBOOK_TOKEN needs to be manually set per-repository.
          # Look in the repository settings under "Environments", and set this token in the github-pages environment.
          personal_token: ${{ secrets.PUBLISH_STORYBOOK_TOKEN }}
          publish_dir: ./storybook-static
          destination_dir: storybook-static