graycoreio/daffodil

Angular 기반 헤드리스 전자상거래 개발 프레임워크로 모든 백엔드에 연결 가능한 스토어프론트 구축

개발 재료맘대로 써도 됨 · MIT커머스·결제TypeScript난이도
460+1이번 주0 찜
78포크183이슈
데모·홈페이지 열기daff.io

중간맛 분석

TypeScript + Angular 스택으로 구축된 헤드리스 이커머스 프레임워크입니다. 40개 이상의 모듈화된 패키지(@daffodil/cart, @daffodil/product, @daffodil/checkout 등)를 으로 조합해 사용합니다. npx ng add @daffodil/commerce 한 줄로 신규 Angular 앱에 바로 적용 가능하며, demo.daff.io에서 실행 결과를 볼 수 있습니다. 현재 Pre- 단계이며 모든 패키지가 Experimental 안정성 수준입니다.

이런 레포예요

이럴 때 쓰면 좋아요

  • Magento나 Shopify 백엔드를 Angular 프론트엔드로 빠르게 연결하고 싶을 때
  • 기존 이커머스 API에 커스텀 PWA 스토어프론트를 구축할 때
  • 장기 유지보수를 위해 타입 안전성과 모듈화가 필요한 전자상거래 프로젝트

핵심 기능

Driver 패턴 기반 백엔드 독립적 설계40개 이상의 기능 모듈(상품·카트·결제·검색·인증)RxJS 기반 반응형 상태 관리

대안 대비 차별점

Driver 추상화를 통해 백엔드 플랫폼에 완전히 독립적이며, 수십 개의 세분화된 npm 패키지로 필요한 기능만 선택해 사용할 수 있어 다른 헤드리스 솔루션보다 유연합니다.

준비물

  • Node.js
  • Angular CLI
  • TypeScript 기본 지식

별 추이 · 7일

460+1 / 7일

활용성 · 따라 만들기 좋은가

샘플 점수 34/100
  • 관대한 라이선스
  • 테스트 있음
  • 예제 디렉토리
  • 최근 활동
  • AGENTS.md
  • llms.txt
  • 템플릿

🟢 최근 활동 있음 · 2018년 생성

이 레포에 깃밥 배지 달기

[![깃밥](https://www.gitbap.com/badge/graycoreio/daffodil.svg)](https://www.gitbap.com/r/graycoreio/daffodil)

🔌 클로드에서 바로 써보기

깃밥을 클로드에 연결하면 이런 레포를 클로드·커서·Codex에서 바로 찾고 체험할 수 있어요.

방법 ① 커넥터 URL

클로드 설정 → 커넥터에 이 주소를 붙여넣기.

https://www.gitbap.com/api/mcp
방법 ② 플러그인 (체험까지)

플러그인을 설치하면 /gitbap-trending·/gitbap-try 슬래시 커맨드로 레포를 그 자리에서 체험. Claude Code에서 아래 두 줄을 차례로 실행하세요.

/plugin marketplace add jakeparkcolde/gitbap-cowork
/plugin install gitbap-cowork@gitbap
연결 방법 자세히 →

AI가 README 기반으로 요약했습니다 · 원문 보기