itswadesh/svelte-commerce

Svelte로 만든 오픈소스 PWA 전자상거래 프론트엔드로, 어떤 REST API 백엔드와도 연결 가능합니다.

완성 앱맘대로 써도 됨 · MIT커머스·결제Svelte난이도
1,794+2이번 주0 찜
331포크19이슈
데모·홈페이지 열기arialshop.com

중간맛 분석

스택: Svelte, SvelteKit, TailwindCSS, TypeScript, REST 난이도: 중간 수준 (Svelte 경험자 기준) 바로 쓸 수 있는가: 예. install과 run dev 명령어만으로 로컬 개발 서버 구동 가능하며, Netlify/Vercel 버튼 클릭으로 즉시 배포 가능 데모: 제공된 GIF 데모와 premium 테마 사례(Varni Jewels, Moisny 등)에서 실제 구동 확인 가능

이런 레포예요

이럴 때 쓰면 좋아요

  • 기존 REST API 기반 전자상거래 백엔드에 현대적인 프론트엔드를 빠르게 구축할 때
  • Shopify나 Medusa.js 같은 헤드리스 커머스 플랫폼과 통합하여 커스텀 매장 UI를 만들 때
  • 모바일 친화적인 PWA 기반 온라인 매장을 낮은 초기 투자로 시작할 때

핵심 기능

REST API 기반 멀티 백엔드 어댑터 지원 (Shopify, Medusa.js, Litekart.in)SSR + SPA 하이브리드 렌더링으로 빠른 성능과 SEO 최적화패싯 필터, 즉시 검색, 장바구니, 체크아웃 등 전자상거래 필수 기능 통합

대안 대비 차별점

기존 전자상거래 백엔드와의 느슨한 결합(loose coupling)을 유지하면서 Shopify, Medusa.js 등 여러 플랫폼에 동시에 어댑터를 통해 연결할 수 있어, 특정 SaaS 솔루션에 종속되지 않는 높은 유연성을 제공합니다.

준비물

  • Node.js와 npm

바로 시작하기

  1. 저장소를 로컬에 복제합니다.
git clone https://github.com/itswadesh/svelte-commerce.git
cd svelte-commerce
  1. 의존성을 설치합니다.
npm i
  1. 개발 서버를 시작합니다.
npm run dev

  1. 브라우저에서 http://localhost:3000 을 열어 Svelte Commerce가 실행 중인지 확인합니다.

  2. (선택) 커넥터를 사용하는 경우, litekart-utils와 litekart-connector를 다음과 같이 링크합니다.

cd ../litekart-utils && npm link
cd ../litekart-connector && npm link
cd ../svelte-commerce && npm link @misiki/litekart-utils @misiki/litekart-connector
  1. (배포) Netlify 또는 Vercel로 배포하려면 Deploy 버튼을 클릭하거나, Docker를 사용할 수 있습니다.
docker run -d -p 3000:3000 ghcr.io/itswadesh/svelte-commerce:latest

별 추이 · 7일

1,794+2 / 7일

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

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

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

이 레포에 깃밥 배지 달기

[![깃밥](https://www.gitbap.com/badge/itswadesh/svelte-commerce.svg)](https://www.gitbap.com/r/itswadesh/svelte-commerce)

🔌 클로드에서 바로 써보기

깃밥을 클로드에 연결하면 이런 레포를 클로드·커서·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 기반으로 요약했습니다 · 원문 보기