RafaelGoulartB/next-ecommerce

Next.js와 GraphQL을 사용한 풀스택 이커머스 플랫폼

완성 앱맘대로 써도 됨 · MIT커머스·결제JavaScript난이도
483+0이번 주0 찜
139포크4이슈
데모·홈페이지 열기quantum-ecommerce.now.sh

중간맛 분석

스택: Next.js(SSR/라우팅) + GraphQL(Apollo Server/Client) + Knex(ORM) + Vercel(배포). 난이도: 중급. 바로 쓸 수 있나: 데모 사이트(https://quantum-ecommerce.now.sh/)로 미리 확인 가능하며, 클론 후 환경변수 설정·DB 마이그레이션·시드 실행으로 로컬 실행 가능. 기능: 쿠키 기반 인증, 비밀번호 재설정, 카테고리 필터·정렬·라이브 검색, 위시리스트, 장바구니, PayPal 결제, 제품 리뷰.

이런 레포예요

이럴 때 쓰면 좋아요

  • Next.js와 GraphQL 기반의 풀스택 이커머스 아키텍처를 학습하고 싶을 때
  • PayPal 결제·위시리스트·라이브 검색 등 실제 쇼핑몰 기능을 구현해야 할 때
  • Vercel Serverless 함수로 백엔드를 구축하고 배포하는 방법을 배울 때

핵심 기능

GraphQL 기반 데이터 쿼리로 효율적인 API 통신쿠키 세션 인증, PayPal 결제 통합상품 검색·필터링·정렬, 위시리스트, 장바구니, 제품 리뷰

대안 대비 차별점

Serverless 함수 기반 백엔드로 별도 서버 관리 없이 Vercel에 통합 배포 가능하며, 초보자부터 실무까지 참고할 수 있는 완전한 이커머스 예제입니다.

준비물

  • Node.js
  • Yarn

바로 시작하기

  1. 환경 변수 파일을 .env.local-exemple에서 .env.local로 이름 변경
mv .env.local-exemple .env.local
  1. 프로젝트 의존성 설치
yarn install
  1. 데이터베이스 마이그레이션으로 테이블 생성
yarn knex:migrate
  1. 샘플 데이터로 데이터베이스 채우기
yarn knex:seed
  1. 개발 서버 실행
yarn dev
  1. 브라우저에서 확인: http://localhost:3000 (프론트엔드), http://localhost:3000/api/graphql (GraphQL 플레이그라운드)

별 추이 · 7일

483+0 / 7일

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

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

⚪ 최근 활동 정보 없음 · 2020년 생성

이 레포에 깃밥 배지 달기

[![깃밥](https://www.gitbap.com/badge/RafaelGoulartB/next-ecommerce.svg)](https://www.gitbap.com/r/RafaelGoulartB/next-ecommerce)

🔌 클로드에서 바로 써보기

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