Skip to content

Live Demo

View as Markdown

The public demo at https://storyshelf.fly.dev is a full StoryShelf server (Fly iad, SQLite + local storage + Playwright) seeded with the fixtures/storybook-9 project. It is intended for viewer triage — anyone can review diffs, only admins can mutate.

Open the live demo

The projects overview: a card per project with its latest build and review backlog The projects overview: a card per project with its latest build and review backlog
Every Storybook at a glance, with what still needs review.
A build's overview: snapshot stats, bulk actions, and a card per snapshot A build's overview: snapshot stats, bulk actions, and a card per snapshot
A build: stats, bulk actions, and a thumbnail for every snapshot.
The story library: every story from a branch's latest build, with Review and Preview links The story library: every story from a branch's latest build, with Review and Preview links
The story library, grouped by component, ready to preview or review.

The demo runs env-driven local-account auth (@storyshelf/auth):

  • Viewer: invite-only local accounts (see Auth) — browse projects, diffs, and published Storybooks; upload, approve, and settings require admin.
  • Admin: AUTH_PASSWORD (private) provisions the site admin on boot. Keep this with maintainers only.

Open https://storyshelf.fly.dev → enter demo at the login → browse. If auth is disabled on a local fork (AUTH_PASSWORD unset), the UI is open without login (trusted-network mode — see Auth).

  • Project Demo Design System (slug demo-design-system, acme/design-system) from fixtures/storybook-9 — viewports desktop/mobile.
  • A reviewing build (feature/new-button) with changed snapshots for the diff overlay demo — real Playwright renders (both viewports).
  • The viewer account can open the build review (/projects/demo-design-system/builds/:buildId) and the published Storybook (/projects/demo-design-system/storybook), but Approve/Reject and Settings require admin.