Work

Web3 NFT 런치패드 · BNB Chain

StarGenesis

BNB Chain에서 USDT로 NFT를 민팅하는 런치패드

민팅 0→1 단독

Flow

  1. 1로그인 · 지갑
  2. 2USDT 승인
  3. 3permit
  4. 4mint
  5. 5온체인 확정
  6. 6NFT 동기화
  7. 7Reveal

What I built

  1. 01

    단계마다 상태로

    • approving → permit → minting → confirming
    • 로그인 · 지갑 등록 · 연결 Mint guard
    • 가격 · 잔여 수량 · 카운트다운
  2. 02

    USDT 결제

    • allowance 부족할 때만 approve
    • 지갑 복귀 후 allowance 재확인
    • 연속 클릭 중복 민팅 잠금
  3. 03

    체인 ↔ 서버 시간차

    • txHash로 NFT API 폴링
    • 인덱싱 전엔 Reveal 진입 차단
    • 지갑 앱을 오가도 대기 유지
  4. 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