Next Auth email credential without default signIn page

Question

Is there a solution to use credential email - password from backend without the default authentication page provided from Next/auth?

I must use Modal instead of full-page authentication

I follow the doc:"https://next-auth.js.org/providers/credentials" but when I use the SignIn from nextAuth it generates a signIn Page

Currently I don't think it supports it out of the box. I followed this thread and was able to implement it though: github.com/nextauthjs/next-auth/discussions/791 — Kevin Guebert
– Kevin Guebert, Commented Dec 22, 2020 at 16:25
how about next iron session mate ? is that suitable for this usecase ? — Thomas Bui
– Thomas Bui, Commented Dec 23, 2020 at 8:26

Niuq · Accepted Answer · 2022-10-28 09:14:16Z

4

Add your own custom login page if any and/or a sign-in button that uses a function that is provided by NextAuth. See below how it is done.

In your api/auth/[...nextauth].js file add this option.

export default NextAuth({
  ...
   pages: {
    signIn: '/login',
  },
});

 signIn('credentials', {
   redirect: false,
   callbackUrl: '/',
   username: ...,
   password: ...,
 })

answered Oct 28, 2022 at 9:14

Niuq

3515 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1