turborepo shadcn ui

Advertencia

Este repositorio ya no se mantiene ya que la CLI ShadCn ahora admite Monorepos de forma nativa, gracias por usar la plantilla.

Turborepo Starter con shadcn/ui

Este es un inicio de turborepo con shadcn/UI preconfigurado.

Nota

Este ejemplo usa pnpm como Administrador de paquetes.

Versión de la versión NPM BUN

Usando este ejemplo

Clon el repositorio:

git clone https://github.com/dan5py/turborepo-shadcn-ui.git

Instalar dependencias:

 cd turborepo-shadcn-ui
pnpm install

Agregar componentes de la interfaz de usuario

Use el script prefabricado:

pnpm ui add < component-name >

Esto funciona al igual que el shadcn/ui cli.

Agregar una nueva aplicación

Turborepo ofrece un comando simple para agregar una nueva aplicación:

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

Esto creará una nueva aplicación vacía en el directorio apps .

Si lo desea, puede copiar una aplicación existente con:

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

Nota

Recuerde ejecutar pnpm install después de copiar una aplicación.

¿Qué hay dentro?

Este turborepo incluye los siguientes paquetes/aplicaciones:

Aplicaciones y paquetes

• docs : una aplicación Next.js
• @repo/ui : una biblioteca de componentes reacts (alimentado por shadcn/ui )
• @repo/eslint-config : Configuraciones eslint (incluye eslint-config-next y eslint-config-prettier )
• @repo/typescript-config : tsconfig.json s utilizado en todo el monorepo

Cada paquete/aplicación es 100% mecanografiado.

Utilidades

Este turborepo ya tiene algunas herramientas adicionales para usted:

• Mecanografiado para verificación de tipo estático
• Eslint para el código de pelusa
• Más bonito para formato de código

Construir

Para crear todas las aplicaciones y paquetes, ejecute el siguiente comando:

 cd turborepo-shadcn-ui
pnpm build

Desarrollar

Para desarrollar todas las aplicaciones y paquetes, ejecute el siguiente comando:

 cd turborepo-shadcn-ui
pnpm dev

Almacenamiento en caché remoto

Turborepo puede usar una técnica conocida como almacenamiento en caché remoto para compartir artefactos de caché en todas las máquinas, lo que le permite compartir cachés de compilación con su equipo y tuberías CI/CD.

De forma predeterminada, Turborepo en caché localmente. Para habilitar el almacenamiento en caché remoto, necesitará una cuenta con VERCEL. Si no tiene una cuenta, puede crear una, ingrese los siguientes comandos:

 cd turborepo-shadcn-ui
npx turbo login

Esto autenticará la CLI de Turborepo con su cuenta Vercel.

A continuación, puede vincular su turborepo a su caché remoto ejecutando el siguiente comando desde la raíz de su turborepo:

npx turbo link

Enlaces útiles

Obtenga más información sobre el poder de Turborepo:

• Tareas
• Almacenamiento en caché
• Almacenamiento en caché remoto
• Filtración
• Opciones de configuración
• Uso de CLI

Obtenga más información sobre Shadcn/UI:

• Documentación