Nuxt.js 프로젝트에 Storybook 배포 절차

이 기사에 대하여

Nuxt.js 프로젝트에 스토리북 설치

$ pwd
/home/ec2-user/my-project
$ npx -p @storybook/cli sb init

nginx에 스토리북이 실행되는 로컬 서버 추가

$ sudo vi /etc/nginx/conf.d/storybook.conf

+server {
+   listen       80;
+   server_name  storybook;
+
+   location /storybook {
+       proxy_pass http://localhost:6006;
+       proxy_http_version 1.1;
+       proxy_set_header Upgrade $http_upgrade;
+       proxy_set_header Connection 'upgrade';
+       proxy_set_header Host $host;
+       proxy_cache_bypass $http_upgrade;
+   }

+   error_page 404 /404.html;
+       location = /40x.html {
+   }

+   error_page 500 502 503 504 /50x.html;
+       location = /50x.html {
+   }
+}

nginx를 다시 시작합니다.

$ sudo systemctl restart nginx

Storybook을 시작합니다.

$ pwd
/home/ec2-user/my-project
$ npm run storybook 

브라우저에서 액세스