Using the credentials provider for email password signup/signin

[FC5570]

Question 💬

I have an auth system where the user needs to sign up using their username, email and password. After clicking signup on a button on a sign up modal, their data is posted to the backend to save to the db, and then they're redirected to another page considering their logged in.

This does not actually log them in, however, it just posts the data to the backend. Hence why I'd like to use next-auth.

This is my [nextauth].ts file:

import NextAuth from 'next-auth';
import CredentialsProvider from 'next-auth/providers/credentials';

export default NextAuth({
  providers: [
    CredentialsProvider({
      async authorize(credentials, req) {
        const user = await fetch('localhost:3001/users/');
        // more code here to lookup user
      },
    }),
  ],
  pages: {
    signIn: '/',
    signOut: '/',
    error: '/auth/error',
  },
});

(you might notice that my signIn and signOut pages are set to /, since my users can only sign in/out using a modal, there is no page, this modal is opened when they click a button. I am not sure if this is the right way to do it.)

What I have come up with right now is to post the data of the user on the sign up modal, then call the signIn function from next-auth using the credentials provider. Like so:

import { signIn } from 'next-auth/react';

const values = getModalInputs();
const data = await fetch('localhost:3001/users', { method: 'POST', data: values }); // save user to db

if (data.success) signIn('credentials'); // if db save is successful, sign them in.

The user is required to sign in with just their email and password.

I don't know if this is the correct approach to a system like this but please let me know, thank you.

How to reproduce ☕️

1. Clone the example repo (mine is an existing project).
2. Create a basic sign up modal.
3. Use the code above.

This is more of a question regarding the usage of the library than a bug so my repro steps might not be clear. Any additional information you need, I'm willing to provide.

Contributing 🙌🏽

No, I am afraid I cannot help regarding this

[FC5570]

@balazsorban44 Hey could you help me out here please?