ncdai/chanhdai.com
Next.js + shadcn/ui 기반 디자인 엔지니어 포트폴리오 사이트 및 컴포넌트 레지스트리
2,078+20이번 주0 찜
308포크1이슈
중간맛 분석
스택: Next.js 16, Tailwind CSS v4, shadcn/ui / 바로 쓸 수 있음: 예, 저작자가 개인정보를 제거하면 그대로 배포 가능한 완성된 사이트 / 난이도: 중상급(TypeScript, React 숙련 필요) / 핵심 기능: MDX 기반 블로그·컴포넌트 레지스트리·동적 OG 이미지 생성·PWA 지원·PostHog/OpenPanel 분석 / 데모: chanhdai.com
이런 레포예요
이럴 때 쓰면 좋아요
- 디자인 엔지니어가 자신의 UI 컴포넌트 작업물과 케이스 스터디를 한 곳에서 전시하고 배포하기
- 개발자 포트폴리오를 만들면서 동시에 만든 컴포넌트들을 라이브러리 형태로 재사용 가능하게 관리하기
- shadcn/ui와 Tailwind CSS 활용한 현대적 웹 포트폴리오 사이트 빠르게 구축하기
핵심 기능
shadcn CLI 기반 커스텀 컴포넌트 레지스트리MDX 중앙화 문서 시스템(블로그+컴포넌트 문서)동적 OG 이미지 생성 및 SEO 최적화(JSON-LD, sitemap, robots.txt)
대안 대비 차별점
포트폴리오 템플릿을 넘어 실제 컴포넌트 레지스트리로 기능하며, 개발자가 자신의 작업물을 배포 가능한 패키지 형태로 관리할 수 있는 통합 플랫폼을 제공.
준비물
- Node.js 18 이상
- npm/yarn/pnpm/bun 패키지 관리자
별 추이 · 7일
2,078+20 / 7일
활용성 · 따라 만들기 좋은가
따라 하기 좋음샘플 점수 46/100
- 관대한 라이선스
- 테스트 있음
- 예제 디렉토리
- 최근 활동
- AGENTS.md
- llms.txt
- 템플릿
🟢 최근 활동 있음 · 2023년 생성
이 레포에 깃밥 배지 달기
[](https://www.gitbap.com/r/ncdai/chanhdai.com)🔌 클로드에서 바로 써보기
깃밥을 클로드에 연결하면 이런 레포를 클로드·커서·Codex에서 바로 찾고 체험할 수 있어요.
방법 ① 커넥터 URL
클로드 설정 → 커넥터에 이 주소를 붙여넣기.
https://www.gitbap.com/api/mcp방법 ② 플러그인 (체험까지)
플러그인을 설치하면 /gitbap-trending·/gitbap-try 슬래시 커맨드로 레포를 그 자리에서 체험. Claude Code에서 아래 두 줄을 차례로 실행하세요.
/plugin marketplace add jakeparkcolde/gitbap-cowork/plugin install gitbap-cowork@gitbapAI가 README 기반으로 요약했습니다 · 원문 보기