Implementé la autorización del proveedor de correo electrónico con un formulario de inicio de sesión personalizado en mi aplicación next.js. después de hacer clic en iniciar sesión, debe redirigir al formulario de solicitud de verificación, pero no lo hace. El momento divertido es ese correo electrónico que confirma que el inicio de sesión se envía y funciona correctamente.
iniciar sesión.ejs:
<form method="POST" action="/api/auth/signin/email"> <input type="hidden" name="remember" defaultValue="true" /> <div className="rounded-md shadow-sm -space-y-px"> <div> <label htmlFor="email" className="sr-only"> Email </label> <input id="email" onChange={(e)=>{setEmail(e.target.value)}} name="email" type="email" autoComplete="email" required placeholder="Email" /> </div> </div> <div> <button type="submit" onClick={() => signIn("email", { email, callbackUrl } )} > <span> <HiLockClosed /> </span> Login </button> </div> </form> export async function getServerSideProps(context) { try { const { req } = context; const session = await getSession({ req }); if (session) { return { redirect: { destination: '/dashboard', permanent: false, }, }; } } catch (e) { console.error(e); } return { props: { callbackUrl: `${url.client}/dashboard` }, }; }