How to Setup a CI/CD Pipeline for Storybook.js using Gitlab

I just spent a few hours setting up a Gitlab pipeline to deploy a Storybook.js site. Of course the end result ended up being much simpler than I made it out to be. Like everything else on my blog, I’m sharing in case anyone else can use the information to save time.

Just put this in your gitlab-ci.yml and it’ll take care of caching the node modules and building your static version of Storybook to deploy.

image: node:latest

cache:
  paths:
    - node_modules/

stages:
 - build
 - deploy

build:
  stage: build
  script:
    - npm install
    - npm run build-storybook -- -o storybook-static
  artifacts:
    paths:
    - storybook-static
  only:
  - qa
  - develop
  - master

deploy:
  stage: deploy_to_aws
  # add your deploy code here