Only show Credentials provider in the Sign in page #3133
-
|
I have two providers: CredentialsProvider (for users) and GoogleProvider (for admins). I want to make a sign in button, which, when clicked, will only show the Credentials fields, and not the Google OAuth button. I have tried to use |
Beta Was this translation helpful? Give feedback.
Replies: 2 comments 6 replies
-
|
Not by default, but I believe this should work: // /api/auth/[...nextauth].js
import NextAuth from "next-auth"
import CredentialsProvider from "next-auth/providers/credentials"
import GoogleProvider from "next-auth/providers/google"
export default async function auth(req, res) {
const providers = [
CredentialsProvider({
// ...
}),
GoogleProvider({
// ...
})
]
// Based on https://next-auth.js.org/getting-started/rest-api#get-apiauthsignin
const isDefaultSigninPage = req.method === "GET" && req.query.nextauth.includes("signin")
if (isDefaultSigninPage) providers.pop()
return await NextAuth(req, res, {
providers,
// rest of your config ...
})
}So whenever the default sign-in page gets rendered, you just exclude the |
Beta Was this translation helpful? Give feedback.
-
|
Do tell how it went! |
Beta Was this translation helpful? Give feedback.
-
|
It did work, thanks! |
Beta Was this translation helpful? Give feedback.
-
|
Just for anyone wondering, I needed to make a small modification so signin('google') would work.
|
Beta Was this translation helpful? Give feedback.
-
|
Hmm. I wonder why the modification is needed. |
Beta Was this translation helpful? Give feedback.
-
|
This method fails using latest versions of Next and NextAuth and implementing the AppRouter pattern, as opposed to the PageRouter. I've been unable to debug it so far, but I've raised an issue, which includes a link to a minimal repo to demonstrate the problem. Just thought I should also mention it at 'the source'. Would be good if the NextAuth docs were to imitate the Next.js docs and separate app and page routing under separate tabs, or something. |
Beta Was this translation helpful? Give feedback.
-
|
I just referred to this discussion in a new section in the docs FYI 🙂 nextauthjs/docs#109 |
Beta Was this translation helpful? Give feedback.
Not by default, but I believe this should work: