npm-publish-github-pages.yml

name: GH Pages Deploy
on:
  push:
    branches:
      - main
jobs:
  build:
    runs-on: ubuntu-latest
    steps:
      - name: Checkout repo
        uses: actions/checkout@v4
      - name: Setup Node
        uses: actions/setup-node@v4
        with:
          node-version: 20
      - name: Installing node modules
        run: npm ci
      - name: Building
        run: npm run build
  deploy:
    name: GH Pages Deploy
    needs: build
    runs-on: ubuntu-latest
    if: github.ref == 'refs/heads/main'
    permissions:
      contents: write
      pages: write
    steps:
      - name: Checkout repo
        uses: actions/checkout@v4
      - name: Setup Node
        uses: actions/setup-node@v4
        with:
          node-version: 20
      - name: Installing node modules
        run: npm ci
      - name: Predeploy build
        run: npm run predeploy
      - name: Storybook build
        run: npm run build-storybook
      - name: Deploy to gh-pages
        run: |
          git remote set-url origin https://git:${GITHUB_TOKEN}@github.com/${GITHUB_REPOSITORY}.git
          npx gh-pages -d dist -u "github-actions-bot <support+actions@github.com>"
        env:
            GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}