Storybook을 Netlify로 정적 사이트 배포하기

시작하기

서버와의 API통신없이 프론트엔드로만 구성된 정적 애플리케이션을 배포하는 용도로 최적화된 서비스입니다.
netlify 홈페이지

사전작업

  • 깃헙 저장소에 프로젝트가 있어야 합니다.
  • 프로젝트에 스토리북이 있어야합니다.

설정하기

사이트에 깃헙계정으로 로그인을 합니다.

사이트 선택
깃헙 저장소 선택

스토리 보드 혹은 프로젝트를 빌드해줄 명령어와 명령어 입력후 만들어지는 static 폴더를 입력해줍니다.
static의 이름은 설정하는 것에 따라 다릅니다. 예) build, static, dist...

명령어 입력 및 폴더 선택

사이트 배포 성공

site setting을 클릭해서 내부에 change site name 버튼을 클릭하면 사이트의 명칭을 변경할 수 있습니다.

이름 변경

배포 완료

Share