turborepo shadcn ui

경고

Shadcn CLI가 이제 템플릿을 사용해 주셔서 감사합니다.

Shadcn/UI를 가진 Turborepo 스타터

Shadcn/UI가 사전 구성된 Turborepo 스타터입니다.

메모

이 예제는 pnpm 패키지 관리자로 사용합니다.

NPM 버전 BON 버전

이 예제를 사용합니다

저장소 복제 :

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

종속성 설치 :

 cd turborepo-shadcn-ui
pnpm install

UI 구성 요소를 추가하십시오

미리 만들어진 스크립트 사용 :

pnpm ui add < component-name >

이것은 shadcn/ui cli처럼 작동합니다.

새 앱을 추가하십시오

Turborepo는 새로운 앱을 추가하는 간단한 명령을 제공합니다.

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

apps 디렉토리에 새 빈 앱이 생성됩니다.

원하는 경우 기존 앱을 다음과 같이 복사 할 수 있습니다.

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

메모

앱을 복사 한 후 pnpm install 실행해야합니다.

내부는 무엇입니까?

이 터보 로포에는 다음 패키지/앱이 포함되어 있습니다.

앱 및 패키지

• docs : Next.js 앱
• @repo/ui : 스터브 반응 구성 요소 라이브러리 ( Shadcn/UI 에 의해 구동)
• @repo/eslint-config : eslint configurations ( eslint-config-next 및 eslint-config-prettier 포함)
• @repo/typescript-config : tsconfig.json s monorepo에서 사용됩니다

각 패키지/앱은 100% 타입 스크립트입니다.

유용

이 Turborepo에는 이미 설정된 추가 도구가 있습니다.

• 정적 유형 검사를위한 타이프 스크립트
• 코드 라인을위한 eslint
• 코드 형식에 더 예쁘다

짓다

모든 앱과 패키지를 빌드하려면 다음 명령을 실행하십시오.

 cd turborepo-shadcn-ui
pnpm build

개발하다

모든 앱과 패키지를 개발하려면 다음 명령을 실행하십시오.

 cd turborepo-shadcn-ui
pnpm dev

원격 캐싱

Turborepo는 원격 캐싱으로 알려진 기술을 사용하여 기계에서 캐시 아티팩트를 공유 할 수 있으므로 팀 및 CI/CD 파이프 라인과 빌드 캐시를 공유 할 수 있습니다.

기본적으로 Turborepo는 로컬로 캐시합니다. 원격 캐싱을 활성화하려면 Vercel이있는 계정이 필요합니다. 계정이 없으면 계정을 작성할 수 있고 다음 명령을 입력 할 수 있습니다.

 cd turborepo-shadcn-ui
npx turbo login

이것은 Vercel 계정으로 Turborepo CLI를 인증합니다.

다음으로 Turborepo의 루트에서 다음 명령을 실행하여 Turborepo를 원격 캐시에 연결할 수 있습니다.

npx turbo link

유용한 링크

Turborepo의 힘에 대해 자세히 알아보십시오.

• 작업
• 캐싱
• 원격 캐싱
• 필터링
• 구성 옵션
• CLI 사용

Shadcn/UI에 대해 자세히 알아보십시오.

• 선적 서류 비치