首页布局
Go to file
Borris dd41b7f5a8 Update README.md 2025-02-18 12:49:55 +04:00
apps/web add one deploy vercel and opengraph image 2025-02-18 12:34:35 +04:00
packages init repo 2025-02-18 11:35:03 +04:00
.eslintrc.js init repo 2025-02-18 11:35:03 +04:00
.gitignore init repo 2025-02-18 11:35:03 +04:00
.npmrc init repo 2025-02-18 11:35:03 +04:00
README.md Update README.md 2025-02-18 12:49:55 +04:00
package.json init repo 2025-02-18 11:35:03 +04:00
pnpm-lock.yaml init repo 2025-02-18 11:35:03 +04:00
pnpm-workspace.yaml init repo 2025-02-18 11:35:03 +04:00
tsconfig.json init repo 2025-02-18 11:35:03 +04:00
turbo.json init repo 2025-02-18 11:35:03 +04:00

README.md

[![GitHub Socialify][https://turborepo-shadcn-tailwind.vercel.app/opengraph-image.png]][https://turborepo-shadcn-tailwind.vercel.app/]

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:

Deploy with Vercel

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';