Monorepos with Turborepo: Managing Multiple Packages

npx create-turbo@latest my-monorepo

my-monorepo/
├── apps/
│   ├── web/          ← Nuxt app
│   ├── api/          ← API server
│   └── docs/         ← Documentation site
├── packages/
│   ├── ui/           ← Shared component library
│   ├── config/       ← Shared ESLint, Tailwind configs
│   ├── database/     ← Prisma schema & client
│   └── types/        ← Shared TypeScript types
├── turbo.json
├── package.json
└── pnpm-workspace.yaml

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

// turbo.json
{
  "tasks": {
    "build": {
      "dependsOn": ["^build"],
      "outputs": [".output/**", "dist/**"]
    },
    "dev": {
      "cache": false,
      "persistent": true
    },
    "test": {
      "dependsOn": ["^build"]
    },
    "lint": {}
  }
}

// packages/ui/package.json
{
  "name": "@myorg/ui",
  "exports": {
    ".": "./src/index.ts",
    "./Button": "./src/Button.vue"
  }
}

// apps/web/package.json
{
  "dependencies": {
    "@myorg/ui": "workspace:*",
    "@myorg/types": "workspace:*"
  }
}

$ turbo build

 Tasks:    4 successful, 4 total
 Cached:   3 cached, 4 total
 Time:     1.2s (3 cached)

turbo login
turbo link

// packages/config/tailwind.config.ts
import type { Config } from 'tailwindcss'

export default {
  theme: {
    extend: {
      colors: { brand: { 500: '#3b82f6' } },
    },
  },
} satisfies Config

// apps/web/tailwind.config.ts
import baseConfig from '@myorg/config/tailwind'

export default {
  presets: [baseConfig],
  content: ['./app/**/*.vue', '../../packages/ui/src/**/*.vue'],
}