Guides

OAuth Providers

Configure OAuth providers and sign in with `signIn.social()`.

This guide demonstrates OAuth setup using Google. Other providers follow the same pattern.

Create a Google OAuth App

Go to Google Cloud Console
Create a new project or select an existing one
Navigate to APIs & Services > Credentials
Click Create Credentials > OAuth client ID
Set the authorized redirect URI to:

http://localhost:3000/api/auth/callback/google

Add Environment Variables

.env

GOOGLE_CLIENT_ID="your-client-id"
GOOGLE_CLIENT_SECRET="your-client-secret"

Configure `server/auth.config.ts`

server/auth.config.ts

import { defineServerAuth } from '@onmax/nuxt-better-auth/config'

export default defineServerAuth({
  socialProviders: {
    google: {
      clientId: process.env.GOOGLE_CLIENT_ID as string,
      clientSecret: process.env.GOOGLE_CLIENT_SECRET as string,
    },
  },
})

pages/login.vue

<script setup lang="ts">
definePageMeta({ auth: 'guest' })
const { signIn } = useUserSession()
</script>

<template>
  <button
    type="button"
    @click="signIn.social({ provider: 'google', callbackURL: '/dashboard' })"
  >
    Continue with Google
  </button>
</template>

OAuth requires a database to store user accounts and linked providers. Database-less mode (JWE sessions) only works with email/password authentication where you handle user storage externally.

Other Providers

Better Auth supports 20+ providers (Apple, Discord, Facebook, etc). The pattern is identical:

Create OAuth app, get client ID/secret
Add {PROVIDER}_CLIENT_ID and {PROVIDER}_CLIENT_SECRET to .env
Reference credentials in server/auth.config.ts
Call signIn.social({ provider: 'providerId' })

OAuth Providers

Create a Google OAuth App

Add Environment Variables

Configure server/auth.config.ts

Add a Sign-In Button

Other Providers

Configure `server/auth.config.ts`