Hayat namunalari

Kompaniyalar va dasturchilar uchun jonli misollar

Hammasi uchun

Yozishsiz kirish (Zero-Type Auth)

Eng tezkor kirish tajriba: WhatsApp va Telegram tugmalari to'g'ridan, raqam kiritingish maydoni yo'q. Tizim xabarlardan avtomatik tarzda raqamni olishadi.

prompt.txt
Siz Next.js va Tailwind CSS bo'yicha ixtisoslashgan dasturiy ta'minot yordamchisiz. Zero-Type Auth (telefon raqamini kiritmasdan) yordamida ReOTP uchun to'liq kirish sahifasini yarating.\n\n### 1-qadam: O'rnatish va ulanish Avvalo, platforma ulanganligiga ishonch hosil qiling. Foydalanuvchidan ReOTP hisobini yaratishni, REOTP_API_KEY ni olishni va uni .env.local ga qo'shishini so'rang. Agar allaqachon ulangan bo'lsa, bu qadamni o'tkazib yuboring.\n\n### 2-qadam: Talablar:\n1. layout.tsx + page.tsx bilan /login sahifasi.\n2. Katta WhatsApp, Telegram (va ikkilamchi sifatida Passkey) kirish tugmalari.\n3. WhatsApp bosilganda: phoneNumber'siz POST /api/verify/init ni chaqiring (usul PREDICTIVE).\n4. window.location.href = waDeepLink orqali darhol yo'naltiring (spinner yo'q) va waLink uchun zaxira tugmani taqdim eting.\n5. VERIFIED bo'lgungacha /api/verify/stream?id=<requestId> ni (SSE) darhol tinglang.\n6. Muvaffaqiyatli bo'lsa: JWT'ni localStorage'ga saqlang + router.push('/dashboard').\n7. UI dizayni: Apple UI Liquid Glass — qora fon, glassmorphism kartalari blur-xl, oq/15 chegaralar, Qohira shrifti, kian + zumrad urg'ulari.\n\n### Xavfsizlik:\n- Kirish tugmasida mijoz tomonidagi kutish vaqtini qo'shing (10s).\n- Saqlashdan oldin JWT'ni tasdiqlang.\n- NEXT_PUBLIC_API_URL uchun .env.local dan foydalaning.