turborepo shadcn ui UI Download - turborepo shadcn ui Quellcode Download

turborepo shadcn ui

AI-Quellcode

1.5.1

Herunterladen

Warnung

Dieses Repo ist nicht mehr mantiniert, da die Shadcn CLI nun Monorepos nativ unterstützt, danke für die Verwendung der Vorlage.

Turborepo -Starter mit Shadcn/UI

Dies ist Turborepo-Starter mit Shadcn/UI vorkonfiguriert.

Notiz

In diesem Beispiel wird pnpm als Paketmanager verwendet.

NPM Version Bun Version

Verwenden dieses Beispiels

Klonen Sie das Repository:

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

Abhängigkeiten installieren:

 cd turborepo-shadcn-ui
pnpm install

UI -Komponenten hinzufügen

Verwenden Sie das vorgefertigte Skript:

pnpm ui add < component-name >

Dies funktioniert genauso wie die shadcn/ui -Cli.

Fügen Sie eine neue App hinzu

Turborepo bietet einen einfachen Befehl zum Hinzufügen einer neuen App:

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

Dadurch wird im apps -Verzeichnis eine neue leere App erstellt.

Wenn Sie möchten, können Sie eine vorhandene App kopieren mit:

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

Notiz

Denken Sie daran, pnpm install nach dem Kopieren einer App auszuführen.

Was ist drin?

Dieser Turborepo enthält die folgenden Pakete/Apps:

Apps und Pakete

docs : Eine Next.js -App
@repo/ui : Eine Stub -React -Komponentenbibliothek (angetrieben von Shadcn/UI )
@repo/eslint-config : eslint Konfigurationen (enthält eslint-config-next und eslint-config-prettier )
@repo/typescript-config : tsconfig.json s im gesamten Monorepo verwendet

Jedes Paket/jede App ist 100% TypeScript.

Versorgungsunternehmen

Dieser Turborepo verfügt über einige zusätzliche Tools, die bereits für Sie eingerichtet sind:

TypeScript für statische Typprüfung
Eslint für Code -Leinen
Schöner für die Codeformatierung

Bauen

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

 cd turborepo-shadcn-ui
pnpm build

Entwickeln

Führen Sie den folgenden Befehl aus: Um alle Apps und Pakete zu entwickeln, führen Sie den folgenden Befehl aus:

 cd turborepo-shadcn-ui
pnpm dev

Remote -Caching

Turborepo kann eine Technik verwenden, die als Remote -Caching bezeichnet wird, um Cache -Artefakte über Maschinen zu teilen, sodass Sie Build -Caches mit Ihrem Team und CI/CD -Pipelines teilen können.

Standardmäßig wird Turborepo lokal zwischengespeichert. Um das Remote -Caching zu aktivieren, benötigen Sie ein Konto bei Vercel. Wenn Sie kein Konto haben, können Sie eines erstellen, dann geben Sie die folgenden Befehle ein:

 cd turborepo-shadcn-ui
npx turbo login

Dadurch authentifiziert sich die Turborepo -CLI mit Ihrem Vercel -Konto.

Als nächstes können Sie Ihren Turborepo mit Ihrem Remote -Cache verknüpfen, indem Sie den folgenden Befehl aus der Stammwinkel Ihres Turborepo ausführen: