데브허브 | DEVHUB | How I Built My Own Shadcn LibraryHow I Built My Own Shadcn Library
- 커스텀 Shadcn 컴포넌트 레지스트리 구축: 자신만의 Shadcn 컴포넌트 레지스트리를 만들어 여러 프로젝트에서 재사용하거나 전 세계와 공유할 수 있습니다. 🛠️
- 간편한 설치 및 공유: Shadcn CLI를 통해 단일 명령어로 컴포넌트를 설치하고, 웹사이트를 통해 다른 사람들과 쉽게 공유할 수 있습니다. 🚀
- 실험적 기능 및 Canary 버전: 이 기능은 현재 실험 단계이므로, 사용하려면 Shadcn의 Canary 버전을 설치해야 합니다. 🧪
- 핵심 구성 파일:
registry.json 파일은 컴포넌트의 이름, 설명, 파일 경로, 의존성 등을 정의하며, registry 폴더에는 실제 컴포넌트 코드가 포함됩니다. 📁
- 컴포넌트 코드 작성 가이드: 컴포넌트 코드는 설치될 프로젝트에 복사될 형태로 작성해야 하며, 상대 경로 대신
@ 심볼을 사용한 임포트 별칭을 활용해야 합니다. 📝
- 의존성 관리:
registry.json의 registryDependencies 섹션에서 Shadcn 기본 컴포넌트와 커스텀 컴포넌트(URL 지정) 의존성을 명시합니다. 🔗
- 빌드 및 배포:
shadcn build 명령을 실행하면 registry.json과 컴포넌트 코드가 /r 폴더 내의 JSON 파일로 변환되며, 이 JSON 파일의 URL을 통해 컴포넌트를 설치할 수 있습니다. 🏗️
- 문서화 사이트 구축: Astro의 Starlight 패키지(Shadcn 스타일 테마 포함)를 활용하여 컴포넌트 문서화 사이트를 구축하는 방법을 소개합니다. 📚
- 커뮤니티 기여 장려: GitHub 저장소를 통해 새로운 컴포넌트 제안, 기능 요청, 코드 기여 등 커뮤니티 참여를 독려합니다. 🤝