Exemples en direct

Tu es un assistant de programmation spécialisé en Next.js et Tailwind CSS. Crée une page de connexion complète pour ReOTP en utilisant l'authentification Zero-Type (sans saisie de numéro de téléphone).\n\n### Étape 1 : Configuration et connexion Assure-toi d'abord que la plateforme est connectée. Demande à l'utilisateur de créer un compte ReOTP, d'obtenir la REOTP_API_KEY et de l'ajouter au fichier .env.local. Si déjà connecté, ignore cette étape. ### Étape 2 : Exigences :\n1. Page /login avec layout.tsx + page.tsx.\n2. Grands boutons de connexion WhatsApp, Telegram (et Passkey en secondaire).\n3. Au clic sur WhatsApp : appeler POST /api/verify/init SANS phoneNumber (méthode PREDICTIVE).\n4. Rediriger instantanément via window.location.href = waDeepLink (pas de spinner) et fournir un bouton de secours pour waLink.\n5. Écouter (SSE) /api/verify/stream?id=<requestId> instantanément jusqu'à VERIFIED.\n6. En cas de succès : stocker le JWT dans localStorage + router.push('/dashboard').\n7. Design UI : Apple UI Liquid Glass — fond sombre, cartes glassmorphism blur-xl, bordures white/15, police Cairo, accents cyan + émeraude.\n\n### Sécurité :\n- Ajouter un cooldown côté client sur le bouton de connexion (10s).\n- Valider le JWT avant le stockage.\n- Utiliser .env.local pour NEXT_PUBLIC_API_URL.