Dropbox

Get your Dropbox credentials

To use Dropbox sign in, you need a client ID and client secret. You can get them from the Dropbox Developer Portal. You can Allow "Implicit Grant & PKCE" for the application in the App Console.

Make sure to set the redirect URL to http://localhost:3000/api/auth/callback/dropbox 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: { 
        dropbox: { 
            clientId: process.env.DROPBOX_CLIENT_ID as string, 
            clientSecret: process.env.DROPBOX_CLIENT_SECRET as string, 
        }, 
    }, 
})

Signin with Dropbox

To signin with Dropbox, 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 dropbox.

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