🏗️ Monorepo Architecture

ibnu-workspace/
├── turbo.json                    # Turborepo config
├── package.json                  # Root workspace config
├── vercel.json                   # Global Vercel settings
│
├── apps/                          # All deployable applications
│   ├── superapp/                  # app.heyibnu.com (merged from 15 projects)
│   │   ├── package.json
│   │   ├── vercel.json
│   │   └── src/
│   │       ├── index.html
│   │       └── modules/           # life, pro, skill, business, etc.
│   │
│   ├── superapp-gov/              # superapp.bangkim.com (merged from 7 projects)
│   │   ├── package.json
│   │   └── src/
│   │
│   ├── gov-dashboard/             # dashboard.bangkim.com
│   │   ├── package.json
│   │   └── src/
│   │
│   ├── gov-data/                  # data.bangkim.com
│   │   ├── package.json
│   │   └── src/
│   │
│   ├── finance/                   # finance.heyibnu.com (merged from 8 projects)
│   │   ├── package.json
│   │   └── src/
│   │
│   ├── ai-hub/                    # ai.heyibnu.com
│   │   ├── package.json
│   │   └── src/
│   │
│   ├── tech-toolkit/              # tools.heyibnu.com
│   │   ├── package.json
│   │   └── src/
│   │
│   ├── learning/                  # learning.heyibnu.com (merged from 9 projects)
│   │   ├── package.json
│   │   └── src/
│   │
│   ├── career/                    # career.heyibnu.com
│   │   ├── package.json
│   │   └── src/
│   │
│   ├── productivity/              # productivity.heyibnu.com
│   │   ├── package.json
│   │   └── src/
│   │
│   ├── portfolio/                 # heyibnu.com
│   │   ├── package.json
│   │   └── src/
│   │
│   └── hub/                       # hub.heyibnu.com
│       ├── package.json
│       └── src/
│
├── packages/                      # Shared packages
│   ├── ui/                        # Shared UI components (nav, theme, cards)
│   │   ├── package.json
│   │   ├── src/
│   │   │   ├── nav.js
│   │   │   ├── theme.js
│   │   │   ├── card.js
│   │   │   └── index.js
│   │   └── styles/
│   │       └── base.css
│   │
│   ├── utils/                     # Shared utilities (fetch, auth, storage)
│   │   ├── package.json
│   │   └── src/
│   │       ├── api.js
│   │       ├── storage.js
│   │       └── helpers.js
│   │
│   └── config/                    # Shared configs (ESLint, Prettier, TypeScript)
│       ├── eslint-config/
│       ├── prettier-config/
│       └── tsconfig/
│
└── .github/
    └── workflows/
        └── ci.yml                 # GitHub Actions CI with Turborepo

{
  "$schema": "https://turbo.build/schema.json",
  "globalDependencies": ["**/.env"],
  "tasks": {
    "build": {
      "dependsOn": ["^build"],
      "outputs": ["dist/**", ".next/**", "!.next/cache/**"],
      "cache": true
    },
    "dev": {
      "persistent": true,
      "cache": false
    },
    "lint": {
      "dependsOn": ["^build"],
      "cache": true
    },
    "deploy": {
      "dependsOn": ["build", "lint"],
      "cache": false
    }
  }
}

{
  "name": "ibnu-workspace",
  "private": true,
  "workspaces": ["apps/*", "packages/*"],
  "scripts": {
    "build": "turbo run build",
    "dev": "turbo run dev",
    "lint": "turbo run lint",
    "build:superapp": "turbo run build --filter=superapp",
    "build:gov": "turbo run build --filter=superapp-gov --filter=gov-dashboard --filter=gov-data",
    "deploy:all": "turbo run deploy"
  },
  "devDependencies": {
    "turbo": "^2.3.0"
  }
}

{
  "buildCommand": "cd ../.. && npx turbo run build --filter=superapp",
  "outputDirectory": "dist",
  "installCommand": "npm install",
  "framework": null
}

// packages/ui/src/nav.js
// Shared navigation component used by ALL apps

export function createNav(config) {
  const nav = document.createElement('nav');
  nav.className = 'ibnu-nav';
  nav.innerHTML = `
    <div class="nav-brand">
      <a href="${config.homeUrl || '/'}">${config.title}</a>
    </div>
    <div class="nav-links">
      ${config.links.map(l =>
        \`<a href="\${l.url}" class="\${l.active ? 'active' : ''}">\${l.label}</a>\`
      ).join('')}
    </div>
    <div class="nav-hub">
      <a href="https://hub.heyibnu.com">🔗 Hub</a>
    </div>
  `;
  return nav;
}

// packages/ui/src/theme.js
// Unified dark theme applied across all apps

export const theme = {
  bg: '#0a0a0a', surface: '#141414', border: '#2a2a2a',
  text: '#f5f5f5', muted: '#a0a0a0', accent: '#3b82f6',
  success: '#22c55e', error: '#ef4444', warn: '#eab308'
};

export function injectTheme() {
  const style = document.createElement('style');
  style.textContent = Object.entries(theme)
    .map(([k,v]) => `--${k}:${v}`).join(';');
  document.head.appendChild(style);
}