shadcn extension

Turborepo de extensão Shadcn

Este é o titular oficial do Shadcn Extension Turborepo, uma configuração Monorepo para desenvolver e compartilhar componentes de interface do usuário reutilizáveis.

O que é turborepo?

O Turborepo é um sistema de construção de alto desempenho para JavaScript e TypeScript CodeBases. Ele foi projetado para dimensionar monorepos e também torna mais rápido os fluxos de trabalho em espaços de trabalho de embalagem única. O Turborepo otimiza os processos de construção e desenvolvimento por cache, execução paralela e análise de gráficos de dependência.

Sobre este repositório

Este repositório é um monorepo, o que significa que contém vários projetos gerenciados em uma única base de código. Essa abordagem simplifica o gerenciamento de dependência e o compartilhamento de código entre projetos.

Ferramentas e tecnologias usadas:

• PNPM : um gerenciador de pacotes rápido e com eficiência em disco.
• Turborepo : um sistema de construção para monorepos.
• TypeScript : Um superset estaticamente digitado de JavaScript.
• Next.js : Uma estrutura de reação para produção.

Estrutura

O repositório está estruturado da seguinte forma:

 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

Começando

Clonando o repositório

Primeiro, clone o monorepo para sua máquina local:

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

Instalação

Instale todas as dependências usando pnpm :

pnpm install

Construindo o projeto

Para criar todos os aplicativos e pacotes, execute o seguinte comando:

pnpm build

Isso compilará o código TypeScript e preparará o projeto para desenvolvimento e produção.

Desenvolvimento

Para iniciar o servidor de desenvolvimento para todos os aplicativos e pacotes, execute:

pnpm dev

Este comando executará os servidores de desenvolvimento e observará alterações, permitindo recarregar ao vivo para uma experiência de desenvolvimento mais suave.

CLI

O pacote @shadx/cli é uma interface de linha de comando (CLI) para adicionar componentes ao seu projeto. Ajuda a automatizar tarefas repetitivas, como criar novos componentes ou configurar configurações.

Você pode encontrar instruções detalhadas para usar a CLI no CLI Readme.

Recursos adicionais

• Documentação do PNPM
• Documentação do Turborepo
• Documentação next.js
• Documentação do TypeScript

Contribuindo

As contribuições são bem -vindas! Abra um problema ou envie uma solicitação de tração com suas alterações. Certifique -se de seguir o código de conduta e as diretrizes do projeto para contribuir.

Licença

Este projeto está licenciado sob a licença do MIT. Consulte o arquivo de licença para obter detalhes.