Ecommerce Template
Next.js·React 등으로 만든 최신 전자상거래 템플릿
아직 감지된 업데이트가 없습니다. GitHub 릴리스가 나오면 여기에 보입니다.
개인 계정의 공개 저장소 소유자는 GitHub로 로그인해 운영자를 확인하고 소개를 직접 관리할 수 있습니다. 관리자 승인은 필요하지 않습니다.
로그인한 뒤 확인 파일을 만들어 이 저장소의 기본 브랜치에 30분 안에 커밋해 주세요. 다른 브랜치나 포크의 파일은 인정하지 않습니다. 파일을 올린 뒤 아래에서 확인하면 관리자 승인 없이 관리할 수 있습니다. 자격을 유지하려면 파일을 남겨 두세요.
로그인이 필요하면 로그인 화면으로 이동합니다. 로그인 후 이곳으로 돌아와 원하는 확인 버튼을 다시 눌러 주세요.
프로젝트 폴더에서 /nomorevibe verify를 실행하면 소유권을 확인하고 소개를 직접 관리할 수 있습니다.
1분 만에 확인하기메이커가 쓴 소개는 위의 한 줄이 전부입니다. 더 자세한 내용은 저장소 README에서 읽을 수 있습니다. 저장소 README ↗
README 전체를 불러오는 중입니다.
README 전문 보기 ↗동네 로컬푸드 마켓의 농산물 공동구매 신청·취소 화면입니다. 공동구매를 찾아보고, 로그인해서 박스 수만 정해 신청하고, 내 신청만 모아 보고 마감 전까지 취소할 수 있습니다. 관리자는 현황을 보고 AI 요약을 받을 수 있습니다. 고객 요청과 설계 내용은 기획서.md에 있습니다. (Level 3 과제)
local-groupbuy-level3-backend⏳ 백엔드가 무료 서버라서 처음 열면 목록이 뜨기까지 30초~1분 걸릴 수 있어요. 한 번 깨어나면 빨라집니다.
로그인 화면에서 아래 버튼을 누르면 입력칸이 자동으로 채워집니다.
| 역할 | 아이디 | 비밀번호 | 할 수 있는 일 |
|---|---|---|---|
| 관리자 | admin | admin1234 | 공동구매 등록, 모든 신청 보기, 현황, AI 요약, 가상 데이터 채우기 |
| 일반 사용자 | user01 | user1234 | 신청, 내 신청만 보기, 내 신청 취소 |
일반 사용자는 user01 ~ user20까지 있고 비밀번호는 모두 user1234입니다.
확인해 볼 만한 것: 일반 사용자로 /admin에 들어가 보면 "관리자만 볼 수 있어요"가 나옵니다.
| 주소 | 누가 | 설명 |
|---|---|---|
/ | 모두 | 공동구매 목록 (상품명 검색, 종류·산지·상태 필터) |
/group-buys/[id] | 모두 | 상세 |
/login | 모두 | 로그인 |
/group-buys/[id]/apply | 로그인 | 신청 → 신청번호 발급 |
/my | 로그인 | 내 신청 목록, 취소 |
/admin | 관리자 | 현황 숫자 3개, AI 현황 요약, 가상 데이터 다시 채우기 |
/admin/orders | 관리자 | 전체 신청 목록 (이름·연락처·신청번호 검색) |
/admin/group-buys/new | 관리자 | 공동구매 등록 |
화면에서 막는 것은 안내용이고, 진짜 권한 확인은 백엔드가 합니다.
백엔드를 먼저 켠 뒤:
npm install
cp .env.example .env.local # NEXT_PUBLIC_API_URL을 채운다
npm run dev # http://localhost:3000
| 이름 | 뜻 | 예시 |
|---|---|---|
NEXT_PUBLIC_API_URL | 백엔드 서버 주소. 끝에 /를 붙이지 않습니다 | 내 컴퓨터: http://localhost:4000 / 배포: https://서비스이름.onrender.com |
NEXT_PUBLIC_으로 시작하는 값은 브라우저에 그대로 보입니다. 비밀 값(DB 주소, GPT 키 등)은 여기에 넣지 마세요. 이런 값은 백엔드에만 있습니다.
NEXT_PUBLIC_API_URL을 넣습니다 (Render 백엔드 주소).https://….vercel.app)를 백엔드의 FRONTEND_ORIGIN에 넣고 백엔드를 다시 배포합니다. 그래야 브라우저가 서버에 접속할 수 있어요.