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

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

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