Next.js 15 Auth Tutorial - Signup, Email Verification & JWT Login (Zod + Prisma + Resend)
In deze video laat CINQ front-end developer Raymond van Velse een authenticatieflow in Next.js zien met registratie, verplichte e-mailverificatie en inloggen via JWT-tokens in HTTP-only cookies. Alles is custom gebouwd, zonder externe auth-providers.
Je ziet stap voor stap hoe een moderne auth-setup eruitziet binnen de App Router en hoe client- en serverlogica samenwerken.
Tech stack
Next.js 16 (App Router) + TypeScript
Prisma + PostgreSQL
bcryptjs (password hashing)
jsonwebtoken (JWT)
Resend (e-mailverificatie)
Zod + react-hook-form
Tailwind CSS & shadcn/ui
Wat je ziet
Signup met Zod-validatie en bcrypt hashing
Verplichte e-mailverificatie via token
Login met JWT in HTTP-only cookie
Uitloggen via signout endpoint
Opmerking
Dit is een demo-applicatie die de kern van een authenticatieflow laat zien.
Voor productiegebruik zijn o.a. nog nodig:
route-bescherming via middleware
token refresh strategie
wachtwoord-reset flow
rate limiting
CSRF-bescherming
Voor wie is dit
Voor developers die een eigen auth-systeem in Next.js willen bouwen en begrijpen hoe JWT, cookies en e-mailverificatie samenwerken.
Niveau: intermediate.