From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency
Unlock this course with a free trial
Join today to access over 25,200 courses taught by industry experts.
How to deploy Storybook to GitHub and Chromatic
From the course: Building UI Components with Storybook: Master React Components and UI Design with Storybook for Better Efficiency
How to deploy Storybook to GitHub and Chromatic
So enough with the yappening, let's get to the happening. I hope you have some delicious coffee and you're ready to deploy. I'm drinking some fantastic coffee and I can't wait to get started. So to deploy the storybook we first need to export it as a static web app. The good news is that it's already built into storybook and pre-configured. So if you actually want to build out this storybook page into a static web app, all we need to do is go into the terminal and let's get a nice Instance open here in our task box root directory Right we want to run yarn build dash storybook and We're about to launch the rocket Elon Musk style. This is a SpaceX mission Three two one take off Roger ten niner the Rockets flying. It's flying It's gonna break through the atmosphere. Oh goodness alright, so you should see a Successful message if you don't if you're running into issues Check your errors make sure that you're in the right directory Make sure you can check if to check that things have been…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
-
-
-
-
(Locked)
Quick summary so far and upcoming notice for this section3m 22s
-
(Locked)
How to deploy Storybook to GitHub and Chromatic8m 25s
-
(Locked)
Automating deployments to Storybook with CI actions and rebasing merges10m 16s
-
(Locked)
Visual testing with regression in components using Storybook8m
-
(Locked)
Conclusion and congratulations!4m 14s
-
(Locked)