docs: storybook-deployer 적용

.github/workflows/chromatic.yml → .github/workflows/storybook-deploy.yml

@@ -1,18 +1,12 @@
-name: 'Chromatic Deployment'
+name: 'Storybook Deployment'
 
 on:
   pull_request:
     branches:
       - develop
 
-permissions:
-  contents: read
-  pages: write
-  id-token: write
-
 jobs:
-  test:
-    name: Storybook Chromatic Deployment
+  build-and-deploy:
     runs-on: ubuntu-latest
     steps:
       - uses: actions/checkout@v1
@@ -26,11 +20,10 @@ jobs:
           node-version: 21
 
       - name: Build and Publish
-        uses: bitovi/[email protected]
-        with:
-          install_command: pnpm install
-          build_command: pnpm build-storybook
-          path: storybook-static
-          checkout: false
+        run: |
+          pnpm install
+          pnpm deploy-storybook -- --ci
+        env:
+          GH_TOKEN: ${{ secrets.GITHUB_TOKEN }}
 
 

package.json

@@ -9,7 +9,8 @@
     "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
     "preview": "vite preview",
     "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
+    "build-storybook": "build-storybook -s public",
+    "deploy-storybook": "storybook-to-ghpages",
     "chromatic": "npx chromatic --project-token=chpt_f4088febbfb82b7",
     "typeCheck": "tsc --noEmit",
     "check": "concurrently \"pnpm lint\" \"pnpm typeCheck\""
@@ -41,6 +42,7 @@
     "@storybook/builder-vite": "^8.2.6",
     "@storybook/react": "^8.2.6",
     "@storybook/react-vite": "^8.2.6",
+    "@storybook/storybook-deployer": "^2.8.16",
     "@storybook/test": "^8.2.6",
     "@trivago/prettier-plugin-sort-imports": "^4.3.0",
     "@types/node": "^20.14.9",