실제 예시

기업 및 개발자를 위한 실시간 예제

모두

입력 없는 로그인 (Zero-Type Auth)

가장 빠른 로그인 경험: 번호 입력란 없이 바로 WhatsApp 및 Telegram 버튼 이용. 시스템이 메시지에서 자동으로 번호를 감지합니다.

prompt.txt
You are a software assistant specialized in Next.js and Tailwind CSS. Build a complete login page for ReOTP using Zero-Type Auth (no phone number input).\n\n### Step 1: Setup & Connection First, ensure the platform is connected. Ask the user to create a ReOTP account, get the REOTP_API_KEY, and add it to .env.local. If already connected, skip this step. ### Step 2: Requirements:\n1. /login page with layout.tsx + page.tsx.\n2. Large WhatsApp, Telegram (and Passkey as secondary) login buttons.\n3. On WhatsApp click: call POST /api/verify/init WITHOUT phoneNumber (method PREDICTIVE).\n4. Redirect instantly via window.location.href = waDeepLink (no spinner) and provide a fallback button for waLink.\n5. Listen to (SSE) /api/verify/stream?id=<requestId> instantly until VERIFIED.\n6. On success: store JWT in localStorage + router.push('/dashboard').\n7. UI Design: Apple UI Liquid Glass — dark background, glassmorphism cards blur-xl, white/15 borders, Cairo font, cyan + emerald accents.\n\n### Security:\n- Add client-side cooldown on login button (10s).\n- Validate JWT before storing.\n- Use .env.local for NEXT_PUBLIC_API_URL.