Ecommerce Template
Next.js·React 등으로 만든 최신 전자상거래 템플릿
아직 감지된 업데이트가 없습니다. GitHub 릴리스가 나오면 여기에 보입니다.
개인 계정의 공개 저장소 소유자는 GitHub로 로그인해 운영자를 확인하고 소개를 직접 관리할 수 있습니다. 관리자 승인은 필요하지 않습니다.
로그인한 뒤 확인 파일을 만들어 이 저장소의 기본 브랜치에 30분 안에 커밋해 주세요. 다른 브랜치나 포크의 파일은 인정하지 않습니다. 파일을 올린 뒤 아래에서 확인하면 관리자 승인 없이 관리할 수 있습니다. 자격을 유지하려면 파일을 남겨 두세요.
로그인이 필요하면 로그인 화면으로 이동합니다. 로그인 후 이곳으로 돌아와 원하는 확인 버튼을 다시 눌러 주세요.
프로젝트 폴더에서 /nomorevibe verify를 실행하면 소유권을 확인하고 소개를 직접 관리할 수 있습니다.
1분 만에 확인하기README 전체를 불러오는 중입니다. 아래는 저장된 발췌입니다.
A complete online store where nothing costs anything. Users browse, fill a bag, check out with a simulated
payment, get a real order confirmation email, and follow tracking updates (also by email) until "delivery".
Then they're asked whether they still want the item. The account page shows how much money they kept.
All brands and products are fictional. No card details are ever collected.
Next.js 16 (App Router, Server Actions) · TypeScript · Tailwind 4 · Drizzle ORM on libSQL (SQLite locally,
Turso in production) · Resend for email.README 전문 보기 ↗A complete online store where nothing costs anything. Users browse, fill a bag, check out with a simulated payment, get a real order confirmation email, and follow tracking updates (also by email) until "delivery". Then they're asked whether they still want the item. The account page shows how much money they kept.
All brands and products are fictional. No card details are ever collected.
Next.js 16 (App Router, Server Actions) · TypeScript · Tailwind 4 · Drizzle ORM on libSQL (SQLite locally, Turso in production) · Resend for email.
pnpm install
cp .env.example .env.local
pnpm db:push # create tables in local.db
pnpm dev
Without RESEND_API_KEY, emails are not sent. They show up at http://localhost:3000/dev/outbox, including
the magic sign-in link.
TRACKING_SPEED=60 in .env.example turns hours into minutes, so a standard order is "delivered" in about
an hour. Use TRACKING_SPEED=1 for realistic timing.
| Piece | Where |
|---|---|
| Catalog (static, fictional) | src/lib/catalog.ts, art in src/components/product-art.tsx |
| Cart (httpOnly cookie) | src/lib/cart.ts |
| Magic-link auth, DB sessions | src/lib/auth.ts, src/app/login, src/app/auth/verify |
| Checkout & all mutations | src/app/actions.ts |
| Tracking timeline | src/lib/tracking.ts |
| Tracking emails | advanceOrders() in src/lib/orders.ts |
| Email templates / sending | src/lib/email/ |
| Savings dashboard | src/lib/savings.ts, src/app/account |
Each order stores its scheduled stage times when placed. advanceOrders() emails the latest stage reached,
and a conditional update on notified_stage makes sure each email goes out only once. It runs:
src/instrumentation.ts, on by default in dev; set INTERNAL_SCHEDULER=on on a long-lived server),GET /api/cron/advance with Authorization: Bearer $CRON_SECRET on serverless hosts. Call it every few minutes.RESEND_API_KEY and EMAIL_FROM on a verified domainAPP_URL set to the public URL (used in email links)DATABASE_URL / DATABASE_AUTH_TOKEN pointing at Turso (or another libSQL server), then pnpm db:pushCRON_SECRET plus a scheduler hitting /api/cron/advance, or INTERNAL_SCHEDULER=onTRACKING_SPEED=1