Skip to content

Storybook Vercel deployment #15

Description

@mathieusouflis

What to build

Deploy Storybook to Vercel with per-PR preview URLs and add a Storybook intro page for consuming-app setup docs.

This is a HITL slice — it requires manual action in the Vercel dashboard to create the project and connect the GitHub integration.

Steps:

  1. Create a Vercel project linked to version14/ui
  2. Set build command to storybook build, output directory to storybook-static
  3. Enable GitHub integration — Vercel will post a preview URL comment on every PR
  4. Add a Storybook intro page (src/stories/Introduction.mdx or similar) documenting:
    • How to install @version14/ui in a consuming app
    • How to configure PandaCSS with the exported preset
    • How to wrap the app root with ThemeProvider
    • solar-icon-set peer dependency installation

Acceptance criteria

  • Opening https://ui.version14.dev (or the assigned Vercel domain) loads Storybook
  • Opening a PR causes Vercel to post a preview URL comment on the PR
  • The intro page is the first item in the Storybook sidebar and covers all four setup steps
  • The @version14/ui/preset import example in the intro page is copy-pasteable and correct

Blocked by

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions