storybook.yml

name: Build and Deploy Storybook
# on: 
#   push:
#     paths: ["src/stories/**", "src/components/**"] # Trigger the action only when files change in the folders defined here
on:
  push:
    branches:
      - dev # if any push happens on branch `main`, run this workflow. You could also add `paths` to detect changes in specific folder
permissions:
  contents: write
jobs:
  build-and-deploy:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout 🛎️
        uses: actions/checkout@v3
        with:
          persist-credentials: false
      - name: Install and Build 🔧
        run: | # Install npm packages and build the Storybook files
          npm ci
          npm run build-storybook
      - name: Deploy 🚀
        uses: JamesIves/github-pages-deploy-action@v4
        with:
          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
          BRANCH: gh-pages # The branch the action should deploy to.
          FOLDER: docs-build # The folder that the build-storybook script generates files.
          CLEAN: true # Automatically remove deleted files from the deploy branch
          # TARGET_FOLDER: docs # The folder that we serve our Storybook files from