이것은 재사용 가능한 UI 구성 요소를 개발하고 공유하기위한 Monorepo 설정 인 Shadcn Extension Turborepo의 공식 스타터입니다.
Turborepo는 JavaScript 및 TypeScript 코드베이스를위한 고성능 빌드 시스템입니다. Monorepos를 스케일링하도록 설계되었으며 단일 패키지 작업 공간에서도 워크 플로를 더 빠르게 만듭니다. Turborepo는 캐싱, 병렬 실행 및 종속성 그래프 분석을 통해 빌드 및 개발 프로세스를 최적화합니다.
이 저장소는 Monorepo로 단일 코드베이스로 관리되는 여러 프로젝트를 포함합니다. 이 접근법은 프로젝트 간의 종속성 관리 및 코드 공유를 단순화합니다.
저장소는 다음과 같이 구성됩니다.
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
먼저 Monorepo를 로컬 컴퓨터로 복제하십시오.
git clone https://github.com/BelkacemYerfa/shadcn-extension.git
cd shadcn-extension pnpm 사용하여 모든 종속성을 설치하십시오.
pnpm install모든 앱과 패키지를 빌드하려면 다음 명령을 실행하십시오.
pnpm build이렇게하면 TypeScript 코드를 컴파일하고 개발 및 생산을위한 프로젝트를 준비합니다.
모든 앱 및 패키지의 개발 서버를 시작하려면 다음을 실행하십시오.
pnpm dev이 명령은 개발 서버를 실행하고 변경 사항을 감시하여 더 부드러운 개발 경험을 위해 라이브 재 장전을 가능하게합니다.
@shadx/cli 패키지는 프로젝트에 구성 요소를 추가하기위한 명령 줄 인터페이스 (CLI)입니다. 새로운 구성 요소 작성 또는 구성 설정과 같은 반복적 인 작업을 자동화하는 데 도움이됩니다.
CLI Readme에서 CLI를 사용하기위한 자세한 지침을 찾을 수 있습니다.
기부금을 환영합니다! 변경 사항을 열거 나 변경 요청을 제출하십시오. 프로젝트의 행동 강령과 기여에 대한 지침을 따르십시오.
이 프로젝트는 MIT 라이센스에 따라 라이센스가 부여됩니다. 자세한 내용은 라이센스 파일을 참조하십시오.