Turborepo starter with shadcn/ui and typescript

This is Turborepo starter with shadcn/ui and typescript pre-configured.

Note

This example uses pnpm as package manager.

Using this example

Clone the repository:

Install dependencies:

cd turborepo-shadcn-ui
pnpm install

Add ui components

Use the pre-made script:

pnpm ui:add <component-name>

This works just like the add command in the shadcn/ui CLI.

Add a new app

Turborepo offer a simple command to add a new app:

pnpm turbo gen workspace --name <app-name>

This will create a new empty app in the apps directory.

If you want, you can copy an existing app with:

pnpm turbo gen workspace --name <app-name> --copy

Note

Remember to run pnpm install after copying an app.

What's inside?

This Turborepo includes the following packages/apps:

Apps and Packages

• docs: a Next.js app
• web: another Next.js app
• @repo/ui: a stub React component library shared by both web and docs applications (Built using shadcn/ui)
• @repo/eslint-config: eslint configurations (includes eslint-config-next and eslint-config-prettier)
• @repo/typescript-config: tsconfig.jsons used throughout the monorepo

Each package/app is 100% Typescript.

Utilities

This Turborepo has some additional tools already setup for you:

• 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 turborepo-shadcn-starter-template
pnpm build

Develop

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

cd turborepo-shadcn-starter-template
pnpm dev