Every auth pattern
you'll ever need.
A single Next.js 15 project housing 7 production-ready authentication flows — from email/password to passkeys. Copy what you need.
Patterns
7 authentication flows
Email & Password
Classic credential auth with Zod validation and Server Actions. Secure, familiar, and fully accessible.
Email OTP
Two-step flow: enter email, receive a one-time code. No password required.
Two-Factor Auth
TOTP via Supabase MFA. QR code enrolment with authenticator app verification.
Magic Link
Passwordless sign-in via email link. Send once, click to authenticate.
Passkey
WebAuthn-based biometric auth. Register and authenticate with device credentials.
Social OAuth
One-click sign-in with Google or GitHub via Supabase OAuth provider.
Passcode PIN
Client-side 6-digit numeric PIN with a custom keypad. Demo only, no backend.
Stack
Built with
Next.js 15
App Router + Server Actions
Supabase
Auth, MFA, OAuth, SSR
TypeScript
Strict mode throughout
Tailwind v4
CSS-first design tokens
Zod
Schema validation
SimpleWebAuthn
Passkey / FIDO2 ceremony