Most monorepo starters give you a folder structure and call it a day. This one gives you the boring parts already solved: shared UI with isolated Tailwind styles, one place to change lint rules, one place to change TS config, and a build cache that makes the second app you add almost free.

It's a superset of Vercel's create-turbo example — same Turborepo + Yarn workspace foundation, plus a working ui package with daisyUI and Vercel's ESLint style guide wired in.

Next.js 15 · React 18 · TypeScript · Turborepo · Yarn workspaces · Tailwind CSS 3 · daisyUI · ESLint 8 · Prettier

git clone https://github.com/MahdiTa97/turborepo-boilerplate.git
cd turborepo-boilerplate
yarn install
yarn dev

web is served on http://localhost:3000.

Requires Node.js 20+ and Yarn 1.x (a repo-managed packageManager field pins this).

.
├── apps/
│   └── web/                      # Next.js app (add more apps here)
│       └── src/app/              # App Router
└── packages/
    ├── ui/                       # Shared React components + daisyUI theme
    ├── tailwind-config/          # Single source of truth for theme & plugins
    ├── eslint-config/            # next.js + library lint presets
    └── typescript-config/        # base / nextjs / react-library tsconfigs

Turbo runs every script across apps/* and packages/* and caches the results.

Run from the repo root:

Apps are workspaces — there's no registry to update.

mkdir apps/admin && cd apps/admin
yarn create next-app . --typescript --tailwind --app --eslint

Then wire up the shared pieces by copying apps/web/tsconfig.json, next.config.js and tailwind.config.ts. Because both apps share @repo/ui and @repo/tailwind-config, Turborepo builds @repo/ui once and both apps consume the same cache entry.

@repo/ui is consumed directly from source — no build step between editing a component and seeing it in the app:

// packages/ui/package.json
"exports": {
  ".": "./src/index.tsx",
  "./styles.css": "./dist/index.css"
}

This is what makes it instant:

1. Apps enable transpilePackages: ["@repo/ui"] in next.config.js.
2. Next.js compiles the .tsx files as part of the app build.
3. The package's CSS is compiled separately to dist/index.css, so Tailwind classes from packages/ui are always in the compiled output.

Tailwind only generates CSS for classes it can see in content. packages/ui therefore scans its own source and the daisyUI / react-daisyUI source in node_modules:

// packages/ui/tailwind.config.ts
content: [
  './src/**/*.tsx',
  '../../node_modules/daisyui/dist/**/*.js',
  '../../node_modules/react-daisyui/dist/**/*.js',
],

If you add a component library to the UI package, add its glob here too — otherwise its classes compile to nothing and the component renders unstyled.

Classes in @repo/ui are written without a ui- prefix. The config is shared with the apps, so a prefix would have to be applied consistently everywhere to be safe — and with a single shared package it buys nothing.

If you later add a second UI package and need isolation, set a prefix once:

// packages/ui/tailwind.config.ts
const config = {
  prefix: "ui-", // then update every class in src/ to match
  /* … */
};

Remember group-hover: stays unprefixed — Tailwind prefixes the utility, not the variant.

Change the theme in packages/tailwind-config/tailwind.config.ts and every app updates.

export default {
  theme: {
    extend: {
      /* … */
    },
  },
  plugins: [require("daisyui")],
  daisyui: {
    themes: ["emerald"], // any daisyUI theme
  },
};

daisyUI's full theme list is in their themes documentation.

Import from the package root:

import { Card, Container, Navbar, Button } from "@repo/ui";

@repo/eslint-config exposes two presets — extend the right one:

// apps/web/.eslintrc.js
module.exports = { extends: ["@repo/eslint-config/next.js"] };

Both extend @vercel/style-guide, so you get consistent, opinionated rules out of the box.

// apps/web/tsconfig.json
{
  "extends": "@repo/typescript-config/nextjs.json",
  "compilerOptions": { "plugins": [{ "name": "next" }] }
}

Available presets: base.json, nextjs.json, react-library.json.

Every push and pull request runs lint, type-check and build:

# .github/workflows/ci.yml
- run: yarn lint
- run: yarn type-check
- run: yarn build

Dependabot keeps dependencies current automatically.

• Node.js 20+
• Yarn 1.x (corepack enable if needed)

MIT — use it freely, including commercially.

Issues and pull requests are welcome. If you're adding a feature, please open an issue first so we can agree on the direction — this repo is deliberately small and opinionated.

• Turborepo and the create-turbo example
• daisyUI and react-daisyui
• Vercel style guide