How To Send A Verification Email using Next-Auth - Step by Step (Detailed)

Подписаться 8 тыс.

Просмотров 1,6 тыс.

50% 1

GitHub Repo Link 👇
github.com/bwestwood11/verifi...
Join our Discord server to interact with other developers 👇
/ discord
In this video, I teach you how to create a verification token so you can send it to the user after they register for an account.
This will allow them to verify their email by clicking the link we send them which in turn will allow them to login.
We will be using Next.js 14, Auth.js v5, Resend, MongoDB, Prisma, Shadcn & Tailwind.
Documentation Pages
Auth.js 👇
authjs.dev/getting-started/mi...
Prisma 👇
www.prisma.io/docs/getting-st...
Next.js 👇
nextjs.org/docs
Resend 👇
resend.com/docs/send-with-nextjs
Timestamps
0:00 Intro
0:45 Overview of the UI
1:40 Overview of Configuring Auth.js
7:32 Create a model in Prisma Schema file
10:56 Generate a Verification Token
22:35 Send Email with Verification Token and Resend
35:52 Verifying the Token when they click link in email
50:40 Creating Logic if they should be able to login or not
56:25 Retrieving the session object from Auth.js
58:12 Outro

Опубликовано:

23 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 16

@AleksandrNeo 3 месяца назад

Thanks a lot !

@brettwestwooddeveloper 3 месяца назад

You are welcome!

@diwanshuji947 3 месяца назад

Great video

@brettwestwooddeveloper 3 месяца назад

Thanks!

@kenchowangdi5880 3 месяца назад

Can you give us a complete information on what actually is session and jwt with working with next auth please.it is very confusing at least to me.i know what session is not sent to browser,only part of session is encrypted in jwt and sent to browser.but if session is not sent to client , where does session stay and how is it possible to access session in client component since session is not sent go client.plus can we see jwt on browser which will be sent with every request.plus is it possible that we don't use db for storing session to persist users in real life web app?

@dezmondlab Месяц назад

Hello Brett! You defined the onSubmit function as useCallback, but why? I think, we only need this if we add this function to the useEffect dependency array. Or am I wrong? And one more question. What "from" address I should use instead of "onboarding" on the host? Can I use something like no-reply @ mydomain or does it have to be a specific address?

@mehdijafarzade2381 3 месяца назад

awesome

@brettwestwooddeveloper 3 месяца назад

Thank you!

@kelvindimson 3 месяца назад

Nice video Brett, quick one… do you mean “PrismA” instead of “Prism”?

@brettwestwooddeveloper 3 месяца назад

Honestly its either at this point lol

@AnikulapoOlawale 2 месяца назад

Thank you sir, but please, try to increase the font size in the next video

@alham4u 3 месяца назад

hey can you make a video about how to configure middleware in authjs project?

@brettwestwooddeveloper 3 месяца назад

Yes I can! That video is on my list to make!

@codeinProjects3295 3 месяца назад

Plz make a video on next-auth with custom backend , how to use the stored cookie in backend , Plzzz

@brettwestwooddeveloper 3 месяца назад

I have never used a custom backend with Next Auth. So, I would either have to learn how to or I won't be able to.

@akhilraj8142 2 месяца назад

I followed your form building tutorial and then after that you straightaway jumped into this without even providing the starting code. the repo link you've provided is of finished code. please make the intermediatory video