GitHub Repo 👇
https://github.com/bwestwood11/auth-v5-tutorial
This is part 2 of a 4 part series. In this video, I go over how to set up the Google Provider and the Credentials Provider.
I take it a step more by showing you how to create custom sign-in pages with Shadcn UI and Tailwindcss. This utilizes the signIn method inside the auth.ts configuration file.
The Credentials provider authenticates a user only when they sign in. So, this means you still have to register a user in your database for this to work. In this video, I also show you how to register a user into your MongoDB database.
Time Stamps
0:00 Intro
0:58 Google Provider Setup (Cloud Console)
9:15 Correcting the Prisma Schema from Part 1
14:26 Build the Register Form with Shadcn UI
30:17 Create the Register Server Action
38:45 Finish up the Register Form
46:09 Build the Login Form
48:16 Create the login action with the auth.js signIn method
55:06 Build the Credentials function from Auth.js v5
1:02:18 Call the Google Login with Custom Button
1:09:50 Outro