shadcn extension

Shadcn拡張ターボレポ

これは、再利用可能なUIコンポーネントを開発および共有するためのモノレポセットアップであるShadCN拡張ターボレポの公式スターターです。

Turborepoとは何ですか？

Turborepoは、JavaScriptおよびTypeScriptコードベースの高性能ビルドシステムです。 Monoreposをスケーリングするために設計されており、シングルパッケージワークスペースのワークフローも速くなります。 Turborepoは、キャッシュ、並列実行、依存性グラフ分析により、ビルドと開発プロセスを最適化します。

このリポジトリについて

このリポジトリはモノレポです。つまり、単一のコードベースで管理されている複数のプロジェクトが含まれています。このアプローチは、プロジェクト間の依存関係管理と共有コードを簡素化します。

使用されるツールとテクノロジー：

• PNPM ：高速でディスクスペース効率の良いパッケージマネージャー。
• Turborepo ：Monoreposのビルドシステム。
• タイプスクリプト：JavaScriptの静的に型付けられたスーパーセット。
• next.js ：生産のためのReactフレームワーク。

構造

リポジトリは次のように構成されています。

 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

はじめる

リポジトリのクローニング

まず、モノレポをローカルマシンにクローンします。

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

インストール

pnpmを使用してすべての依存関係をインストールします。

pnpm install

プロジェクトの構築

すべてのアプリとパッケージを構築するには、次のコマンドを実行します。

pnpm build

これにより、TypeScriptコードをコンパイルし、開発と生産のためにプロジェクトを準備します。

発達

すべてのアプリとパッケージの開発サーバーを起動するには、実行してください。

pnpm dev

このコマンドは、開発サーバーを実行して変更を監視し、よりスムーズな開発エクスペリエンスのためにライブリロードを可能にします。

cli

@shadx/cliパッケージは、プロジェクトにコンポーネントを追加するためのコマンドラインインターフェイス（CLI）です。新しいコンポーネントの作成や構成のセットアップなど、繰り返しタスクを自動化するのに役立ちます。

CLI ReadmeでCLIを使用するための詳細な指示を見つけることができます。

追加のリソース

• PNPMドキュメント
• Turborepoドキュメント
• next.jsドキュメント
• タイプスクリプトドキュメント

貢献

貢献は大歓迎です！問題を開くか、変更を受けてプルリクエストを送信してください。プロジェクトの行動規範と貢献のガイドラインに従ってください。

ライセンス

このプロジェクトは、MITライセンスの下でライセンスされています。詳細については、ライセンスファイルを参照してください。