데브허브 | DEVHUB | Share Your Components Like Shadcn in ONE Command! 🚀Share Your Components Like Shadcn in ONE Command! 🚀
- Shadcn 개발자가 프로젝트 간 컴포넌트 공유를 위한 혁신적인 '원 커맨드' 방식을 공개했습니다. 🚀
- 이 방식은 특정 컴포넌트뿐만 아니라 해당 컴포넌트에 필요한 모든 종속성까지 자동으로 설치합니다. 📦
8bit CM 프로젝트의 8bit button 예시를 통해, shadcn button 및 관련 라이브러리들이 한 번에 설치되는 과정을 시연합니다. 🔗
- 컴포넌트 설치 명령은 대상 프로젝트에 Shadcn을 초기화하고,
package.json에 필요한 모든 라이브러리를 자동으로 추가합니다. ⚙️
- 핵심 설정은 프로젝트 루트에 위치한
registry.json 파일에서 이루어지며, 앱 이름, 홈페이지, 그리고 공유할 컴포넌트 목록을 정의합니다. 📝
- 각 컴포넌트는 고유한
name, type, title, description을 가지며, registryDependencies를 통해 다른 Shadcn 컴포넌트와의 의존성을 명시할 수 있습니다. 🤝
path는 원본 컴포넌트 파일의 위치를, target은 대상 프로젝트 내 컴포넌트 저장 경로를 지정합니다. 📁
npm run registry build 명령어를 실행하여 registry.json 파일을 기반으로 컴포넌트 레지스트리를 빌드합니다. 🛠️
- Shadcn 공식 문서와
8bit CN GitHub 레포지토리가 추가적인 설정 및 활용을 위한 참고 자료로 제공됩니다. 📚