PR: Magic Link Sign In | NextAuth.js Reconfigure

[brandonhach]

Overview

Completed implementing magic link.

User Stories

• As a user, I want to sign in with only my email.
• As a developer, I will need to set up a magic link for users to sign in.
• As a developer, I need first-time new users to visit the setup page before proceeding into the dashboard.
• As a developer, I will need to stylize the verify & setup pages.

21

Features

• Ability to sign in with a magic link via Resend.
• Users are expected to receive an email in their inbox to sign in passwordless.
• Mockup of the onboarding page for new first-time users.
• Verify page letting the user know to check their inbox.

Changes

• Moved all providers directly into auth.ts from auth.config.ts which fixed the bug Missing email provider/adapter.
• Added new .env variables in .env.local.sample.
• Updated Prisma packages and dependencies.
• Added a VerificationToken table inside the schema file.
• Completely revamped and abstracted the login.ts server action.
• Removed Navbar.tsx for Auth Layout layout.tsx.
• Added components and file for onboarding and verify page.
• Deleted the sign-up page because it is unified with login.
• Removed the password field in SignInForm.tsx.
• Temporarily adjusted width for Navbar.tsx but will need a fix.
• route.ts has new routes defined.

Known issues or Bugs:

N/A

Snapshots

Login for first-time user

Login for returning user

Let me know if there's anything I missed.