shadcn extension

Shadcn Extension Turborepo

Dies ist der offizielle Starter für die Shadcn Extension Turborepo, ein Monorepo -Setup zum Entwickeln und Teilen wiederverwendbarer UI -Komponenten.

Was ist Turborepo?

Turborepo ist ein Hochleistungs-Build-System für JavaScript- und Typscript-Codebasen. Es ist für die Skalierung von Monorepos konzipiert und stellt auch Workflows in Einzelpackungsarbeiträumen schneller her. Turborepo optimiert Build- und Entwicklungsprozesse durch Zwischenanalyse, parallele Ausführung und Abhängigkeitsgrafik.

Über dieses Repository

Dieses Repository ist ein Monorepo, was bedeutet, dass mehrere Projekte in einer einzigen Codebasis verwaltet werden. Dieser Ansatz vereinfacht das Abhängigkeitsmanagement und den gemeinsamen Code zwischen Projekten.

Verwendete Werkzeuge und Technologien:

• PNPM : Ein schneller Speicherplattenpaketmanager.
• Turborepo : Ein Build -System für Monorepos.
• Typuskript : Ein statisch getippter Superet von JavaScript.
• Weiter.js : Ein React -Rahmen für die Produktion.

Struktur

Das Repository ist wie folgt strukturiert:

 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

Erste Schritte

Klonen des Repositorys

Klonen Sie zunächst den Monorepo zu Ihrer lokalen Maschine:

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

Installation

Installieren Sie alle Abhängigkeiten mit pnpm :

pnpm install

Aufbau des Projekts

Führen Sie den folgenden Befehl aus, um alle Apps und Pakete zu erstellen:

pnpm build

Dadurch wird der TypeScript -Code kompiliert und das Projekt für Entwicklung und Produktion vorbereitet.

Entwicklung

Um den Entwicklungsserver für alle Apps und Pakete zu starten, rennen Sie:

pnpm dev

In diesem Befehl werden die Entwicklungsserver ausgeführt und nach Änderungen beobachtet, wodurch das Live -Reload für eine reibungslosere Entwicklungserfahrung ermöglicht wird.

Cli

Das @shadx/cli -Paket ist eine Befehlszeilenschnittstelle (CLI) zum Hinzufügen von Komponenten zu Ihrem Projekt. Es hilft, sich wiederholende Aufgaben zu automatisieren, z. B. das Erstellen neuer Komponenten oder das Einrichten von Konfigurationen.

Sie finden detaillierte Anweisungen für die Verwendung der CLI in der CLI Readme.

Zusätzliche Ressourcen

• PNPM -Dokumentation
• Turborepo -Dokumentation
• NEXT.JS Dokumentation
• Typscript -Dokumentation

Beitragen

Beiträge sind willkommen! Bitte öffnen Sie ein Problem oder senden Sie eine Pull -Anfrage mit Ihren Änderungen. Stellen Sie sicher, dass Sie den Verhaltenskodex und die Richtlinien des Projekts für den Beitrag befolgen.

Lizenz

Dieses Projekt ist unter der MIT -Lizenz lizenziert. Weitere Informationen finden Sie in der Lizenzdatei.