결제 검증 로직 포함Next.js 16 · Tailwind CSS 4 · TypeScript

토스페이먼츠 결제와 Firebase Auth가
이미 연결된 상태로 시작하세요.

결제 검증, 보안 규칙, 관리자 대시보드까지 — 한국 시장에 SaaS나 디지털 프로덕트를 팔 때마다 매번 새로 짜야 했던 기반 코드를 미리 준비해뒀습니다.

src/app/api/toss/confirm/route.tsPASS

// 결제 승인 직전 — 서버가 가격을 재검증한다

- const amount = req.body.amount

+ const amount = await getAuthoritativePrice(planId)

// 재조회한 값과 다르면 즉시 거부

if (amount !== approvedAmount) return reject()

✓ Idempotency-Key로 중복 승인 방지

포함된 것

01

토스페이먼츠 결제 흐름

카드·카카오페이·계좌이체 등 토스 결제창에 뜨는 방식 그대로 다 됩니다. 클라이언트가 보낸 가격은 절대 신뢰하지 않고, 서버가 Firestore 원가를 재조회해 결제 금액을 검증합니다. Idempotency-Key로 중복 승인도 막습니다.

02

고객용 회원가입 (/login) — 카카오·네이버 포함

이메일/비밀번호, Google, 카카오, 네이버까지. Firebase가 지원 안 하는 카카오·네이버 로그인도 커스텀 토큰 브릿지로 실제 동작하게 구현해뒀습니다.

03

Firestore 보안 규칙 — 화이트리스트 기반 관리자 분리

가격 플랜은 누구나 읽고 관리자만 쓸 수 있습니다. "로그인 = 관리자"가 아니라 admins 컬렉션 화이트리스트로 판별해서, 고객이 회원가입해도 매출 데이터엔 접근 못 합니다.

04

관리자 대시보드 (/admin)

화이트리스트에 등록된 운영자만 들어가서 매출 통계와 결제 내역을 확인하고, 가격 플랜을 코드 수정 없이 등록/수정할 수 있습니다.

데모 가격 플랜

아래 플랜은 예시 데이터입니다 (Firestore 미설정 시 FALLBACK_PLANS). /admin에서 실제 판매할 플랜으로 교체하세요.

Starter

혼자 만드는 사이드 프로젝트에 필요한 최소 구성.

KRW 9,900/ 월

  • 기본 기능 전체
  • 이메일 지원
  • 커뮤니티 지원
구매하기
인기

Pro

본격적으로 운영을 시작한 팀을 위한 구성.

KRW 29,900/ 월

  • Starter의 모든 항목
  • 우선 지원
  • 고급 기능 전체
  • 월 1회 온보딩 상담
구매하기

Lifetime

한 번 결제하고 평생 사용하는 얼리버드 구성.

KRW 199,000

  • Pro의 모든 항목
  • 평생 업데이트 포함
  • 우선 기능 요청권
구매하기