How to Add Next-Auth Magic Link Login with FusionAuth and Next.js
Learn how to set up passwordless authentication using Next-Auth magic links in a Next.js application with FusionAuth. This step-by-step tutorial walks you through configuring FusionAuth, enabling self-service registration, setting up SMTP with SendGrid, and using NextAuth.js to build a secure login experience without passwords.
📌 Get Started with FusionAuth for free: https://fusionauth.io/docs/get-started
00:00 – Introduction
00:06 – Overview of Magic Link Sign-In with Next.js and FusionAuth
00:36 – What Are Magic Links?
00:51 – Set Up FusionAuth with Docker Compose
01:22 – Enable Self-Service Registration
01:32 – Configure OIDC and JWT
01:41 – Set Up SendGrid for Email Delivery
02:24 – Enable Passwordless Login
02:33 – Create a New Next.js App
03:14 – Build the Homepage with a Login Button
03:38 – Create a Protected Page with Session Handling
03:57 – Install next-auth and Add Session Provider
04:13 – Configure FusionAuthProvider for Next-Auth
04:35 – Locate Client ID and Secret in FusionAuth
04:47 – Example Magic Link Sign-In Flow
05:15 – Access Protected Page After Login
05:22 – Sign Out and Access Denied View
05:25 – Next Steps
Download FusionAuth for free: https://fusionauth.io/get-started
Get a Demo: https://fusionauth.io/contact
🔔 Subscribe for more FusionAuth tutorials and security insights.