Hugging Face

Get your Hugging Face credentials

To use Hugging Face sign in, you need a client ID and client secret. Hugging Face OAuth documentation. Make sure the created oauth app on Hugging Face has the "email" scope.

Make sure to set the redirect URL to http://localhost:3000/api/auth/callback/huggingface for local development. For production, you should set it to the URL of your application. If you change the base path of the auth routes, you should update the redirect URL accordingly.

Configure the provider

To configure the provider, you need to import the provider and pass it to the socialProviders option of the auth instance.

import { betterAuth } from "better-auth"
 
export const auth = betterAuth({
    socialProviders: {
        huggingface: { 
            clientId: process.env.HUGGINGFACE_CLIENT_ID as string, 
            clientSecret: process.env.HUGGINGFACE_CLIENT_SECRET as string, 
        }, 
    },
})

Sign In with Hugging Face

To sign in with Hugging Face, you can use the signIn.social function provided by the client. The signIn function takes an object with the following properties:

• provider: The provider to use. It should be set to huggingface.

import { createAuthClient } from "better-auth/client"
const authClient =  createAuthClient()
 
const signIn = async () => {
    const data = await authClient.signIn.social({
        provider: "huggingface"
    })
}