Contoh Langsung
Contoh hidup untuk perusahaan dan pengembang
Untuk semua
Zero-Type Auth
Pengalaman log masuk tercepat: Butang WhatsApp dan Telegram secara langsung tanpa medan untuk memasukkan nombor. Sistem menangkap nombor secara automatik dari mesej.
prompt.txt
Anda adalah pembantu pengaturcaraan yang pakar dalam Next.js dan Tailwind CSS. Bina halaman log masuk lengkap untuk ReOTP menggunakan Zero-Type Auth (tiada input nombor telefon).\n\n### Langkah 1: Persediaan & Sambungan
Pertama, pastikan platform disambungkan. Minta pengguna membuat akaun ReOTP, dapatkan REOTP_API_KEY, dan tambahkannya ke .env.local. Jika sudah disambungkan, langkau langkah ini.\n\n### Langkah 2: Keperluan:\n1. Halaman /login dengan layout.tsx + page.tsx.\n2. Butang log masuk WhatsApp, Telegram (dan Passkey sebagai sekunder) yang besar.\n3. Apabila WhatsApp diklik: panggil POST /api/verify/init TANPA phoneNumber (kaedah PREDICTIVE).\n4. Ubah hala serta-merta melalui window.location.href = waDeepLink (tiada pemutar) dan sediakan butang sandaran untuk waLink.\n5. Dengar (SSE) /api/verify/stream?id=<requestId> serta-merta sehingga DISAHKAN (VERIFIED).\n6. Apabila berjaya: simpan JWT dalam localStorage + router.push('/dashboard').\n7. Reka Bentuk UI: Apple UI Liquid Glass — latar belakang gelap, kad glassmorphism blur-xl, sempadan putih/15, fon Cairo, aksen cyan + zamrud.\n\n### Keselamatan:\n- Tambah cooldown sebelah klien pada butang log masuk (10s).\n- Sahkan JWT sebelum menyimpan.\n- Gunakan .env.local untuk NEXT_PUBLIC_API_URL.