Storybook CI op GitHub Actions

Het bouwen van een statisch verhalenboek duurt net zo lang als de app zelf.

Waarom het gebeurt

De Storybook-build heeft geen permanente cache en bouwt vaak elk verhaal opnieuw op.

Wat te veranderen

1. Cache node_modules/.cache/storybook ingetoetst op het lockfile
2. Bouw Storybook alleen wanneer verhalen of componenten zijn gewijzigd, met behulp van padfilters
3. Voer visuele regressietests uit op basis van de gebouwde uitvoer in plaats van deze per test opnieuw op te bouwen

Verhalenboek over runnerhut

jobs:
  storybook:
    runs-on: runnerhut-4vcpu-ubuntu-2404
    steps:
      - uses: actions/checkout@v4
      - run: npm ci
      - run: npx storybook build

De enige runnerhut-specifieke regel is `runs-on: runnerhut-4vcpu-ubuntu-2404`. Al het andere is standaard GitHub Actions — dezelfde acties, dezelfde geheimen en hetzelfde machtigingsmodel dat u vandaag de dag gebruikt.