deploy docs to gh pages

.github/workflows/ci.yml

@@ -13,6 +13,7 @@ jobs:
     name: 🔍 Detect changes
     runs-on: ubuntu-latest
     outputs:
+      docs: ${{ steps.filter.outputs.docs }}
       nestjs: ${{ steps.filter.outputs.nestjs }}
       remix: ${{ steps.filter.outputs.remix }}
     steps:
@@ -24,12 +25,16 @@ jobs:
         id: filter
         with:
           filters: |
+            docs:
+              - 'docs/**'
+              - 'libs/ui/**'
             nestjs:
               - 'apps/nestjs/**'
               - 'libs/types/**'
             remix:
               - 'apps/remix/**'
-              - 'apps/types/**'
+              - 'libs/types/**'
+              - 'libs/ui/**'
 
   lint:
     name: ⬣ ESLint
@@ -157,7 +162,7 @@ jobs:
         run: pnpm build
 
   deploy-nestjs:
-    name: 🚀 Deploy NestJS App
+    name: 🐯 Deploy NestJS App
     needs: [changes, lint, typecheck, test, e2e, build]
     if: needs.changes.outputs.nestjs == 'true' && github.ref == 'refs/heads/main'
 
@@ -176,7 +181,7 @@ jobs:
           FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}
 
   deploy-remix:
-    name: 🚀 Deploy Remix App
+    name: 💿 Deploy Remix App
     needs: [changes, lint, typecheck, test, e2e, build]
     if: needs.changes.outputs.remix == 'true' && github.ref == 'refs/heads/main'
 
@@ -193,3 +198,35 @@ jobs:
         run: flyctl deploy --config ./apps/remix/fly.toml --dockerfile ./apps/remix/Dockerfile --remote-only --build-arg COMMIT_SHA=${{ github.sha }}
         env:
           FLY_API_TOKEN: ${{ secrets.FLY_API_TOKEN }}
+
+  deploy-docs:
+    name: 📜 Deploy Docs
+    needs: [changes, lint, typecheck, test, e2e, build]
+    if: needs.changes.outputs.docs == 'true' && github.ref == 'refs/heads/main'
+
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout 🛎️
+        uses: actions/checkout@v4
+
+      - name: Setup pnpm
+        uses: pnpm/[email protected]
+        with:
+          version: 8
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: pnpm
+
+      - name: 📥 Install Dependencies
+        run: pnpm install
+
+      - name: 🏗️ Build
+        run: pnpm build:docs
+
+      - name: Deploy 🚀
+        uses: JamesIves/github-pages-deploy-action@v4
+        with:
+          folder: ./apps/docs/build

apps/docs/.storybook/main.ts

@@ -1,7 +1,7 @@
 import type { StorybookConfig } from '@storybook/react-vite'
 
 const config: StorybookConfig = {
-  stories: ['../**/*.stories.@(js|jsx|mjs|ts|tsx)'],
+  stories: ['../stories/*.stories.@(js|jsx|mjs|ts|tsx)'],
   addons: [
     '@storybook/addon-links',
     '@storybook/addon-essentials',

apps/docs/.storybook/preview.ts

@@ -15,6 +15,9 @@ const preview: Preview = {
     docs: {
       theme: themes.dark,
     },
+    backgrounds: {
+      default: 'dark',
+    },
   },
   decorators: [
     withThemeByClassName({

apps/docs/package.json

@@ -3,8 +3,8 @@
   "type": "module",
   "scripts": {
     "develop": "storybook dev -p 6006",
-    "build": "storybook build --docs",
-    "start": "serve storybook-static",
+    "build": "storybook build -o build",
+    "start": "serve build",
     "clean": "rm -rf .turbo && rm -rf node_modules",
     "lint": "eslint ./stories/*.stories.tsx --max-warnings 0"
   },

apps/docs/stories/button.stories.tsx

@@ -9,6 +9,7 @@ const meta: Meta<typeof Button> = {
       options: ['button', 'submit', 'reset'],
     },
   },
+
 }
 
 export default meta

package.json

@@ -16,6 +16,7 @@
     "format": "prettier --write .",
     "lint:fix": "pnpm lint -fix",
     "lint": "eslint --ext .ts,.tsx ./apps ./libs",
+    "start:docs": "pnpm -F docs start",
     "start:nestjs": "pnpm -F nestjs start",
     "start:remix": "pnpm -F remix start",
     "start": "pnpm -r start",