Live voorbeelden
Live voorbeelden voor zowel bedrijven als ontwikkelaars
Voor iedereen
Inloggen zonder typen (Zero-Type Auth)
Snelste inlogerij-ervaring: WhatsApp en Telegramkoppen direct zonder veld voor nummer invoeren. Het systeem pakt het nummer automatisch uit het bericht.
prompt.txt
Je bent een specialist in Next.js en Tailwind CSS. Bouw een complete inlogpagina voor ReOTP met behulp van Zero-Type Auth (geen telefoonnummer invoeren).\n\n### Stap 1: Setup & Verbinding\nEerst moet je ervoor zorgen dat de platform is verbonden. Vraag de gebruiker om een ReOTP-account aan te maken, het REOTP_API_KEY op te halen en het toe te voegen aan .env.local. Als de verbinding al bestaat, kun je deze stap overslaan.\n\n### Stap 2: Eisen:\n1. /login-pagina met layout.tsx + page.tsx.\n2. Grote WhatsApp, Telegram (en Passkey als secundaire) inlogknoppen.\n3. Bij WhatsApp-klik: POST /api/verify/init zonder telefoonnummer (methode PREDICTIEVE).\n4. Verwijs direct via window.location.href = waDeepLink (geen spinner) en voeg een fallback-knop toe voor waLink.\n5. Luister naar (SSE) /api/verify/stream?id=<requestId> direct tot VERIFIED.\n6. Bij succes: sla JWT op in localStorage + router.push('/dashboard').\n7. UI-ontwerp: Apple UI Liquid Glass — donkere achtergrond, glasvormige kaarten blur-xl, wit/15 randen, Cairo-lettertype, cyan + emerald accenten.\n\n### Beveiliging:\n- Voeg een clientside-cooldown toe aan de inlogknop (10s).\n- Valideer JWT voordat het wordt opgeslagen.\n- Gebruik .env.local voor NEXT_PUBLIC_API_URL.