fcf5488a59
|
||
|---|---|---|
| apps/web | ||
| packages | ||
| .eslintrc.js | ||
| .gitignore | ||
| .npmrc | ||
| .prettierrc | ||
| README.md | ||
| package.json | ||
| pnpm-lock.yaml | ||
| pnpm-workspace.yaml | ||
| tsconfig.json | ||
| turbo.json | ||
README.md
shadcn/ui and tailwindcss v4 monorepo template
This template is for creating a monorepo with Turborepo, shadcn/ui, tailwindcss v4, and react v19.
One-click Deploy
You can deploy this template to Vercel with the button below:
Usage
in the root directory run:
pnpm install
pnpm dev
Adding components
To add components to your app, run the following command at the root of your web app:
pnpm dlx shadcn@canary add button -c apps/web
This will place the ui components in the packages/ui/src/components directory.
Tailwind
Your globals.css are already set up to use the components from the ui package which is imported in the web app.
Using components
To use the components in your app, import them from the ui package.
import { Button } from '@workspace/ui/components/ui/button';