A next-generation tool to create blazing-fast documentation sites
API
created:11/24/2020
,
updated:12/30/2020

Migration from Storybook 6

Storybook is an open-source tool for developing stories (aka examples) of your UI components.

When using component-controls to create stories, docs, and more, you can choose Gatsby, Nextjs, or Storybook's own SSG as your static site generator (SSG).

We recommend you use either Gatsby or Nextjs as your component-controls SSG because of how much faster they are than Storybook. We do an in-depth analysis of this here.

Below are tutorials that'll guide you step-by-step through converting a Storybook 6 project to a component-controls project using your preferred SSG.

The sample project we'll be using for this guide is a Tailwind, Typescript, Storybook 6, and React Testing Library starter repo, and you can find it here.

-- Storybook 6 -> component-controls with Storybook as the SSG. Here's the source code and the live version of the final site.

-- Storybook 6 -> component-controls with Gatsby as the SSG. Here's the source code and the live version of the final site.

-- Storybook 6 -> component-controls with Nextjs as the SSG. Here's the source code and the live version of the final site.