비공개 가챠 데이팅 (Stealth · Pre-launch)

Overview

가챠 카드를 뽑아 매칭 상대를 발견하는 게이미피케이션 데이팅 컨셉 (서비스명 비공개). 마스킹된 프로필 슬롯이 서버에서만 조립되어 기대감을 유지하고, A/B 테스트 랜딩(v1 / v2)으로 메시징을 검증하며, Supabase·JSONL fallback 웨이트리스트로 얼리 유저를 수집한다. Three.js 가챠 애니메이션 + 라우트 핸들러 위에 얇은 서비스 레이어로 구성. 코어 앱은 런칭 전.

My Work

• ▸Next.js 16 App Router 기본 구조 + 보안 헤더 정책
• ▸가챠 알고리즘 + 프로필 마스킹 로직 (`src/services/gacha`, `public-slots.ts`)
• ▸Prisma 스키마 + seed 스크립트
• ▸라우트 핸들러 (health / profiles / reveal / waitlist)
• ▸Supabase 마이그레이션 (waitlist_signups)
• ▸Vitest 단위 테스트 + GitHub Actions CI
• ▸배포 체크리스트 + 10종 운영 문서

Features

• A/B 테스트 랜딩 (v1 / v2)
• 가챠 데모 UI (Three.js 애니메이션)
• 마스킹된 프로필 슬롯 조회 (`GET /api/profiles/[id]`)
• 가챠 뽑기 (`POST /api/reveal`)
• 사전신청 (`POST /api/waitlist`)
• 헬스 엔드포인트 (배포 모니터링)

Highlights

• 서버 전용 마스킹된 프로필 슬롯 (조립 시점에만 노출)
• 가챠 세션 부트 (`POST /api/reveal/session`)
• A/B 랜딩 (v1 / v2 프록시 라우팅)
• Prisma 트랜잭션 (옵셔널 DATABASE_URL)
• Supabase `waitlist_signups` + 로컬 JSONL fallback
• 기본 보안 헤더 (X-Content-Type-Options · Referrer-Policy · X-Frame-Options)
• GitHub Actions CI (lint + 빌드)

Timeline

Tech Stack

</>Next.js 16 · Three.js · Prisma · 마스킹 슬롯 · A/B 랜딩