Skip to content

react: Automate Storybook Build for Successful PRs in metamask-design-system via GitHub Actions #4

Open
@georgewrmarshall

Description

@georgewrmarshall

Description

Set up a GitHub Action that automatically builds and generates a Storybook preview for every successful pull request (PR) build in the metamask-design-system repository. This will allow reviewers and stakeholders to easily access and preview component changes without needing to build the Storybook locally.

Technical Details

  • Configure the GitHub Action workflow to trigger a Storybook build whenever a PR is successfully built.
  • The Action should run on each PR and generate a deployable Storybook instance (e.g., hosted on a temporary environment or using a preview feature).
  • Ensure the generated Storybook is linked in the PR for easy access by reviewers.
  • The Storybook preview should be automatically discarded or disabled after the PR is merged or closed.
  • Use tools such as Vercel, Netlify, or GitHub Pages preview to host the temporary Storybook build, depending on the existing infrastructure.

Acceptance Criteria

  • A Storybook build is automatically generated and hosted for each successful PR build.
  • The build is linked in the PR, making it accessible for review.
  • The Storybook preview is automatically removed or archived once the PR is merged or closed.
  • The workflow is reliable and does not block PR merging.

Metadata

Metadata

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions