Storybook github, Netlify 로 배포하기.

https://app.netlify.com/

Netlify App

netfliy는 정적 웹사이트를 무료로 배포해주는 곳이다.

 

github에 storybook이 적용된 react 프로젝트가 있다고 가정하고 진행한다.

github repository에서 프로젝트를 Import한다.

repsitory를 선택하였다면 

site setting 과 basic build setting 란이 뜬다.

 

site setting은 변화를 감지할 branch를 선택해주면되고

basic build setting 에서

build command 를 npm run build-storybook

publish directory 를 storybook-static

으로 입력해준다.

build-storybook을 해주면 storybook-static폴더가 나와서 해당 폴더로 배포를 해야하기 때문이다.

 

site setting에서 site의 이름을 변경할 수 있으며
dns setting을 통해 내 domain을 넣을 수 있지만 이용하려면 유료 버전이어야한다.

 

이제 github에서 해당 branch에 push를 해주면 알아서 build 후 배포가 진행이 된다.