⚡ Turborepo Next Design

This is an unofficial starter for Turborepo, a monorepo tool that makes it easy to build, test, and deploy multiple packages and apps.

🚀 Using this Example

Run the following command:

npx create-turbo@latest

📦 What's Inside?

This Turborepo includes the following packages and apps:

🏠 Apps and Packages

• apps/www: a Next.js 15 app using the latest features.
• @repo/ui: a shared component library using shadcn/ui, utilized by apps/www.
• @repo/eslint-config: eslint configurations (includes eslint-config-next and eslint-config-prettier).
• @repo/typescript-config: shared tsconfig.json files used throughout the monorepo.

All packages and apps are 100% TypeScript.

🛠️ Utilities

This Turborepo comes pre-configured with some useful tools:

• TypeScript for static type checking.
• ESLint for code linting.
• Prettier for code formatting.

🔨 Build

To build all apps and packages, run the following command:

cd turbo-next-design
pnpm build

🧑‍💻 Develop

To develop all apps and packages, run the following command:

cd turbo-next-design
pnpm dev

☁️ Remote Caching

Turborepo supports Remote Caching to share cache artifacts across machines, speeding up builds for your team and CI/CD pipelines.

By default, Turborepo will cache locally. To enable Remote Caching, you'll need a Vercel account. Once you have an account, authenticate with:

cd turbo-next-design
npx turbo login

Then link your project to the remote cache:

npx turbo link

🔗 Useful Links

Learn more about the power of Turborepo:

• Tasks
• Caching
• Remote Caching
• Filtering
• Configuration Options
• CLI Usage