Web3 NFT 런치패드 · BNB Chain
StarGenesis
BNB Chain에서 USDT로 NFT를 민팅하는 런치패드
Flow
- 1로그인 · 지갑
- 2USDT 승인
- 3permit
- 4mint
- 5온체인 확정
- 6NFT 동기화
- 7Reveal
What I built
- 01
단계마다 상태로
- approving → permit → minting → confirming
- 로그인 · 지갑 등록 · 연결 Mint guard
- 가격 · 잔여 수량 · 카운트다운
- 02
USDT 결제
- allowance 부족할 때만 approve
- 지갑 복귀 후 allowance 재확인
- 연속 클릭 중복 민팅 잠금
- 03
체인 ↔ 서버 시간차
- txHash로 NFT API 폴링
- 인덱싱 전엔 Reveal 진입 차단
- 지갑 앱을 오가도 대기 유지
- 04
원인별 오류 UX
- 서명 취소 · USDT/gas 부족
- permit 만료 · sold out
- 재시도할 단계와 확인할 상태 분리
- Role
- FE · 민팅 단독
- Period
- 2026.01 ~ 2026.04
- Team
- FE 협업 (민팅 단독) + Contract 개발자
- Stack
- Next.js
- TypeScript
- wagmi · viem
- Reown AppKit
- TanStack Query
- GSAP