shadcn extension

Shadcn Extension Turborepo

Este es el iniciador oficial del turborepo de extensión ShadCn, una configuración de Monorepo para desarrollar y compartir componentes de UI reutilizables.

¿Qué es Turborepo?

Turborepo es un sistema de compilación de alto rendimiento para bases de código JavaScript y TypeScript. Está diseñado para escalar monorepos y también hace flujos de trabajo en espacios de trabajo de un solo paquete más rápido también. Turborepo optimiza los procesos de construcción y desarrollo mediante almacenamiento en caché, ejecución paralela y análisis de gráficos de dependencia.

Sobre este repositorio

Este repositorio es un Monorepo, lo que significa que contiene múltiples proyectos administrados en una sola base de código. Este enfoque simplifica la gestión de dependencias y el código de intercambio entre proyectos.

Herramientas y tecnologías utilizadas:

• PNPM : un administrador de paquetes rápido y eficiente en disco.
• Turborepo : un sistema de compilación para Monorepos.
• TypeScript : un superconjunto de JavaScript estáticamente escrito.
• Next.js : un marco React para la producción.

Estructura

El repositorio está estructurado de la siguiente manera:

 shadcn-extension-turborepo/
├── apps/
│   └── extension/
│       ├── content/
│       │   └── docs/
│       ├── public/
│       │   ├── registry/
│       │   ├── next.svg
│       │   ├── og.png
│       │   └── vercel.svg
│       ├── src/
│       │   ├── __registry__/
│       │   ├── app/
│       │   ├── components/
│       │   ├── config/
│       │   ├── hooks/
│       │   ├── lib/
│       │   ├── registry/
│       │   ├── script/
│       │   ├── types/
│       │   └── env.ts
├── packages/
│   ├── CLI/
│   │   ├── src/
│   │   ├── __tests__/
│   │   ├── commands/
│   │   ├── utils/
│   │   └── index.ts
│   ├── eslint-config/
│   │   ├── library.js
│   │   ├── next.js
│   │   ├── package.json
│   │   ├── react-internal.js
│   │   └── README.md
│   └── typescript-config/
│       ├── base.json
│       ├── nextjs.json
│       ├── package.json
│       └── react-library.json
└── pnpm-workspace.yaml

Empezando

Clonación del repositorio

Primero, clone el monorepo a su máquina local:

git clone https://github.com/BelkacemYerfa/shadcn-extension.git
cd shadcn-extension

Instalación

Instale todas las dependencias usando pnpm :

pnpm install

Construyendo el proyecto

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

pnpm build

Esto compilará el código TypeScript y preparará el proyecto para el desarrollo y la producción.

Desarrollo

Para iniciar el servidor de desarrollo para todas las aplicaciones y paquetes, ejecute:

pnpm dev

Este comando ejecutará los servidores de desarrollo y observará cambios, lo que permite la recarga en vivo para una experiencia de desarrollo más suave.

CLI

El paquete @shadx/cli es una interfaz de línea de comandos (CLI) para agregar componentes a su proyecto. Ayuda a automatizar tareas repetitivas, como crear nuevos componentes o configurar configuraciones.

Puede encontrar instrucciones detalladas para usar la CLI en el readMe de CLI.

Recursos adicionales

• documentación de PNPM
• Documentación de turborepo
• Next.js documentación
• Documentación mecanografiada

Que contribuye

¡Las contribuciones son bienvenidas! Abra un problema o envíe una solicitud de extracción con sus cambios. Asegúrese de seguir el código de conducta y las pautas del proyecto para contribuir.

Licencia

Este proyecto tiene licencia bajo la licencia MIT. Consulte el archivo de licencia para obtener más detalles.