Next Auth Credentials Provider - Ultimate Guide

Thank you so much Brett!

I really sort this type of content,prisma,custom login page ,credentials,next-auth so far this is the best tutorial for that

you should have used typescript

Thank you. The official next auth guide for credentials provider is broken and this helped out

Thank you for the detailed tutorial! Can you also make a video on "Remember Me" functionality with Next Auth?

Dude, you're the first one who normally explained how to work with the ugly "NextAuth" along with "login/password" without fуcking authentication via a social network.

Thank you.

why you didnt add the middleware?

I've got an error, does anyone have any solutions?:

PrismaClientInitializationError:
Invalid `prisma.user.findUnique()` invocation:

Error in connector: Error creating a database connection. (Kind: An error occurred during DNS resolution: proto error: io error: A socket operation was attempted to an unreachable network. (os error 10051), labels: {})

Hey, is using NextResponse.json mandatory here? Why don't we just use Response global object instead ?

If I have a express.js backend where I have setup a MySQL database with Sequelize, and i have a next.js frontend, how could I make it work with NextAuth?

How do I access the session a server component (the equivalent of useSession for server side)?

Bro is majestic

tnx, great tutorial, my question is how bcrypt can unhash hashedPassword without any salt ? (how this working?)

After you've wrapped everything in SessionProvider, will you actually get to register page? I'm being redirected to login page in my app. Now I think maybe I need to create (protected) and (public) folders after which wrap children in layout.tsx inside (protected) folder. Not sure if it's best practice but it might work

So cool. The tutorials in the Chinese community are so old that I had to come here for help

Great tutorial but the zoom is kind of annoying

Brett keeps deleting my comment so I'll keep writing it. If you're here in believe that this is a solid tutorial on Next auth, this ain't!!! Brett solution is utter rubbish!! I've recreated he's solution only to find zero authentication happening, users can access the dashboard page by localhost:300/dashboard WITHOUT NEVER logging in!!! users can login with any email or password without NEVER registering that user. He's solution is a complete joke. Don't waste your time here I like did, there is ZERO authentication happening with he's tutorial!!!

No Sign out functionality!!! therefore what is the point!

Great tutorial than you, but why username instead of email? How do you handle if you want email login and for example google and facebook? Thank you

Hello Brett is it possible to redirect the user to the `onboarding` page after signup and the user doesn't have to login when using credential provider?

The mixing of camelCase and snake_case keys in that Prisma schema is painful to see. I know libraries can have their own conventions (even if they are wrong by using snake_case in JS), but that accounts model has both cases in the same table. Very very messy. Please use @map() directive to normalize so improper snake_case fields get converted to the proper camelCase names, so in code you can use the proper camelCase convention.

i followed your guide to a t and love it i dont really want to learn type script yet..... but i when i try to sign in i have to do it twice in order to get signed in.. did i miss something in this one or your other jwt video ? no errors just have to sign in twice.

incase someone else runs across this i spent longer on this and found my issue was i was redirecting the same time i was signing in i put await in front of sign in and it solved my issue

Im going to lose my mind hearing you say Prisma wrong

Amazing

git repo would be super-helpful with few nuances

Hi, great job!
Some questions...
How about persist token to client and use it in API requests? How to refresh token too and use this solution with a google provider and still use a valid token to make requests, for example?

I don't understand. How this example use adapter Prisma? Session won't be save in database. We can you next-auth without adapter Prisma, and in authorize () call Prisma.

As `bcrypt` is not available on Edge runtime, how do I need to encrypt passwords?

Where is the register code? Why can't I find it?

use ts ?🤔

! important
How to implement role based redirect. eg. for user has "/user" and for admin has "/admin". When I signin successfully then it will automatically redirect.

Thanks it helped me a lot, when building my Saas.

Дякую, саме те що шукав!

how shall we structure the database if we need both oauth and credential login

I tried to implement this but it doesn't create a session-token in the browser. It only works with the /api/auth/signIn default page but with /my-login it won't create that session. I even have pages: {
signIn: '/my-login',
},

is it possible to implement this using server actions?

Nice video

Thank you for the great tutorial. Keep up the good work!

This almost worked until I got to login. it doesn't print the session to the console or the dashboard.

God bless you for this work. i expected logout any way.

You did miss a part , if we look at the redirect method that you made after signIn , even if the user provide wronf credentials , it still route him to dashboard

where are source code brother?

Very good, followed your tutorial and got everything working, subscribed.

Really love your video… please can you make a video using typescript … I’m having issues passing the session as a props in the rootLayout

Is it possible to share the github repo with us? 😃

Does the NextAuth Provide any JWT , your server doesn't send that token though?

Awesome content. Just right things at the right time. Love it.

You set the session as a required prop on the Provider, but when wrapping the body with it, you never pass that prop. How does that work?

can i try this with sql?, this tutorial is very useful, and i am very happy, after few days studying about credentials