Ví dụ trực tiếp
Ví dụ thực tế cho cả doanh nghiệp và nhà phát triển
Dành cho tất cả mọi người
Đăng nhập không cần nhập ký tự (Zero-Type Auth)
Trải nghiệm đăng nhập nhanh nhất: Nút WhatsApp và Telegram trực tiếp không cần trường nhập số. Hệ thống tự động lấy số từ tin nhắn.
prompt.txt
You are a coding 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. Poll /api/verify/status?id=<requestId> every 2s 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.