shadcn extension

Extension shadcn turborepo

Il s'agit du démarreur officiel du TurborePo d'extension Shadcn, une configuration MonorePo pour développer et partager des composants d'interface utilisateur réutilisables.

Qu'est-ce que Turborepo?

TurborePo est un système de construction haute performance pour les bases de code JavaScript et TypeScript. Il est conçu pour la mise à l'échelle de MonorePO et fabrique également des flux de travail dans des espaces de travail à package unique plus rapidement. TurborePo optimise les processus de construction et de développement par mise en cache, exécution parallèle et analyse des graphiques de dépendance.

À propos de ce référentiel

Ce référentiel est un monorepo, ce qui signifie qu'il contient plusieurs projets gérés dans une seule base de code. Cette approche simplifie la gestion des dépendances et le partage du code entre les projets.

Outils et technologies utilisées:

• PNPM : Un gestionnaire de packages rapide et économe en disque économe en disque.
• Turborepo : un système de construction pour Monorepos.
• TypeScript : un superset typiquement typique de JavaScript.
• Next.js : un cadre de réact pour la production.

Structure

Le référentiel est structuré comme suit:

 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

Commencer

Cloner le référentiel

Tout d'abord, clonez le monorepo à votre machine locale:

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

Installation

Installez toutes les dépendances à l'aide de pnpm :

pnpm install

Construire le projet

Pour créer toutes les applications et packages, exécutez la commande suivante:

pnpm build

Cela compilera le code TypeScript et préparera le projet pour le développement et la production.

Développement

Pour démarrer le serveur de développement pour toutes les applications et packages, exécutez:

pnpm dev

Cette commande exécutera les serveurs de développement et surveillera les modifications, permettant un rechargement en direct pour une expérience de développement plus fluide.

CLI

Le package @shadx/cli est une interface de ligne de commande (CLI) pour ajouter des composants à votre projet. Il aide à automatiser les tâches répétitives, telles que la création de nouveaux composants ou la configuration des configurations.

Vous pouvez trouver des instructions détaillées pour l'utilisation de la CLI dans la CLI Readme.

Ressources supplémentaires

• Documentation PNPM
• Documentation Turborepo
• Documentation suivante.js
• Documentation dactylographiée

Contributif

Les contributions sont les bienvenues! Veuillez ouvrir un problème ou soumettre une demande de traction avec vos modifications. Assurez-vous de suivre le code de conduite du projet et les directives de contribution.

Licence

Ce projet est autorisé sous la licence du MIT. Voir le fichier de licence pour plus de détails.