모노레포: pnpm workspaces + Turborepo

my-monorepo/
├── apps/
│   ├── web/              # Next.js 메인
│   ├── admin/            # Next.js 어드민
│   └── api/              # Express 백엔드
├── packages/
│   ├── ui/               # 공유 디자인 시스템
│   ├── config/           # ESLint/TS/Tailwind 공유
│   ├── types/            # 공유 타입 (DB 스키마 등)
│   ├── utils/            # 공통 함수
│   └── db/               # Prisma 스키마
├── package.json
├── pnpm-workspace.yaml
└── turbo.json

# pnpm-workspace.yaml
packages:
  - 'apps/*'
  - 'packages/*'

// package.json (루트)
{
  "name": "my-monorepo",
  "private": true,
  "scripts": {
    "dev": "turbo run dev",
    "build": "turbo run build",
    "lint": "turbo run lint",
    "test": "turbo run test"
  },
  "devDependencies": {
    "turbo": "^2.0.0"
  }
}


// apps/web/package.json
{
  "name": "@my/web",
  "dependencies": {
    "@my/ui": "workspace:*",
    "@my/types": "workspace:*",
    "@my/utils": "workspace:*",
    "next": "^16.0.0"
  }
}

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

// packages/ui/src/Button.tsx
export function Button({ children, ...props }: Props) {
  return <button {...props}>{children}</button>;
}


// packages/ui/package.json
{
  "name": "@my/ui",
  "version": "0.0.0",
  "main": "./src/index.ts",
  "types": "./src/index.ts",
  "exports": {
    ".": "./src/index.ts",
    "./styles.css": "./src/styles.css"
  },
  "peerDependencies": {
    "react": "^18.0.0"
  }
}


// apps/web에서 사용
import { Button } from '@my/ui';
import '@my/ui/styles.css';

// packages/config/eslint-base.js
export default [
  // ... 공유 규칙
];

// packages/config/tsconfig-base.json
{
  "compilerOptions": {
    "strict": true,
    "target": "es2020",
    "moduleResolution": "bundler"
  }
}


// apps/web/eslint.config.js
import base from '@my/config/eslint-base';
export default base;


// apps/web/tsconfig.json
{
  "extends": "@my/config/tsconfig-base.json",
  "compilerOptions": {
    "paths": { "@/*": ["./src/*"] }
  }
}

# 로그인 + 연결
pnpm dlx turbo login
pnpm dlx turbo link


# 빌드 — 자동 원격 캐시
pnpm build
# → 동일 입력 → 결과 즉시 (Vercel CDN에서)


# CI에서 분 단위 → 초 단위