Registry 연결

작성 중

@adcapsule 네임스페이스 등록과 설치 순서

네임스페이스 등록

components.json의 registries에 @adcapsule이 추가됩니다.

npx shadcn@4.23.0 registry add "@adcapsule=http://localhost:3000/r/{name}.json"

{
  "registries": {
    "@adcapsule": "http://localhost:3000/r/{name}.json"
  }
}

npx shadcn@4.23.0 add @adcapsule/theme @adcapsule/utils --overwrite
npx shadcn@4.23.0 add @adcapsule/button

처음 한 번 theme과 utils를 --overwrite로 설치합니다. utils는 클래스 병합 함수(cn)로, 우리 글자 크기 유틸리티(text-caption 등)를 글자색과 겹치지 않게 합니다. shadcn init이 만든 lib/utils.ts를 바꿔야 해서 --overwrite가 필요합니다.
테마는 직접 설치합니다. 컴포넌트의 의존 항목으로 설치되면 CLI가 기존 shadcn 색 변수를 덮어쓰지 않아 반쯤 적용된 상태가 됩니다. 한 줄로 함께 설치해도 됩니다.
다시 설치해도 결과가 같습니다.
설치 뒤 <html data-theme="dark" data-scale="default">를 넣습니다. next-themes를 쓰면 attribute="data-theme"로 바꿉니다.

globals.css에 @custom-variant dark가 두 번 남습니다(shadcn 기본과 우리 정의). 뒤에 오는 우리 정의가 적용됩니다.
CLI가 @theme inline에 --background: var(--background) 같은 줄을 추가합니다. 동작에는 영향이 없습니다.
지금 Registry 항목은 theme과 컴포넌트 13개입니다. 컴포넌트끼리의 의존(예: command → dialog, input-group)은 함께 설치됩니다. 목록은 전체 카탈로그에서 "설치 확인"으로 표시됩니다.
주소는 개발 서버(localhost)이며 사내 호스팅이 정해지면 바뀝니다.

npx shadcn@4.23.0 list @adcapsule
npx shadcn@4.23.0 search @adcapsule --query 버튼
npx shadcn@4.23.0 view @adcapsule/button

작성 중

@adcapsule 네임스페이스 등록과 설치 순서

components.json의 registries에 @adcapsule이 추가됩니다.

npx shadcn@4.23.0 registry add "@adcapsule=http://localhost:3000/r/{name}.json"

{
  "registries": {
    "@adcapsule": "http://localhost:3000/r/{name}.json"
  }
}

npx shadcn@4.23.0 add @adcapsule/theme @adcapsule/utils --overwrite
npx shadcn@4.23.0 add @adcapsule/button

처음 한 번 theme과 utils를 --overwrite로 설치합니다. utils는 클래스 병합 함수(cn)로, 우리 글자 크기 유틸리티(text-caption 등)를 글자색과 겹치지 않게 합니다. shadcn init이 만든 lib/utils.ts를 바꿔야 해서 --overwrite가 필요합니다.
테마는 직접 설치합니다. 컴포넌트의 의존 항목으로 설치되면 CLI가 기존 shadcn 색 변수를 덮어쓰지 않아 반쯤 적용된 상태가 됩니다. 한 줄로 함께 설치해도 됩니다.
다시 설치해도 결과가 같습니다.
설치 뒤 <html data-theme="dark" data-scale="default">를 넣습니다. next-themes를 쓰면 attribute="data-theme"로 바꿉니다.

globals.css에 @custom-variant dark가 두 번 남습니다(shadcn 기본과 우리 정의). 뒤에 오는 우리 정의가 적용됩니다.
CLI가 @theme inline에 --background: var(--background) 같은 줄을 추가합니다. 동작에는 영향이 없습니다.
지금 Registry 항목은 theme과 컴포넌트 13개입니다. 컴포넌트끼리의 의존(예: command → dialog, input-group)은 함께 설치됩니다. 목록은 전체 카탈로그에서 "설치 확인"으로 표시됩니다.
주소는 개발 서버(localhost)이며 사내 호스팅이 정해지면 바뀝니다.

npx shadcn@4.23.0 list @adcapsule
npx shadcn@4.23.0 search @adcapsule --query 버튼
npx shadcn@4.23.0 view @adcapsule/button