Better Auth Skill
Better Auth is comprehensive, framework-agnostic authentication/authorization framework for TypeScript with built-in email/password, social OAuth, and powerful plugin ecosystem for advanced features.
When to Use
- Implementing auth in TypeScript/JavaScript applications
- Adding email/password or social OAuth authentication
- Setting up 2FA, passkeys, magic links, advanced auth features
- Building multi-tenant apps with organization support
- Managing sessions and user lifecycle
- Working with any framework (Next.js, Nuxt, SvelteKit, Remix, Astro, Hono, Express, etc.)
Quick Start
Installation
npm install better-auth
# or pnpm/yarn/bun add better-auth
Environment Setup
Create .env:
BETTER_AUTH_SECRET=<generated-secret-32-chars-min>
BETTER_AUTH_URL=http://localhost:3000
Basic Server Setup
Create auth.ts (root, lib/, utils/, or under src/app/server/):
import { betterAuth } from "better-auth";
export const auth = betterAuth({
database: {
// See references/database-integration.md
},
emailAndPassword: {
enabled: true,
autoSignIn: true
},
socialProviders: {
github: {
clientId: process.env.GITHUB_CLIENT_ID!,
clientSecret: process.env.GITHUB_CLIENT_SECRET!,
}
}
});
Database Schema
npx @better-auth/cli generate # Generate schema/migrations
npx @better-auth/cli migrate # Apply migrations (Kysely only)
Mount API Handler
Next.js App Router:
// app/api/auth/[...all]/route.ts
import { auth } from "@/lib/auth";
import { toNextJsHandler } from "better-auth/next-js";
export const { POST, GET } = toNextJsHandler(auth);
Other frameworks: See references/email-password-auth.md#framework-setup
Client Setup
Create auth-client.ts:
import { createAuthClient } from "better-auth/client";
export const authClient = createAuthClient({
baseURL: process.env.NEXT_PUBLIC_BETTER_AUTH_URL || "http://localhost:3000"
});
Basic Usage
// Sign up
await authClient.signUp.email({
email: "user@example.com",
password: "SecureP@ssw0rd!2024", // Use strong passwords with uppercase, numbers, and symbols
name: "John Doe"
});
// Sign in
await authClient.signIn.email({
email: "user@example.com",
password: "SecureP@ssw0rd!2024"
});
// OAuth
await authClient.signIn.social({ provider: "github" });
// Session
const { data: session } = authClient.useSession(); // React/Vue/Svelte
const { data: session } = await authClient.getSession(); // Vanilla JS
Feature Selection Matrix
Auth Method Selection Guide
Choose Email/Password when:
- Building standard web app with traditional auth
- Need full control over user credentials
- Targeting users who prefer email-based accounts
Choose OAuth when:
- Want quick signup with minimal friction
- Users already have social accounts
- Need access to social profile data
Choose Passkeys when:
- Want passwordless experience
- Targeting modern browsers/devices
- Security is top priority
Choose Magic Link when:
- Want passwordless without WebAuthn complexity
- Targeting email-first users
- Need temporary access links
Combine Multiple Methods when:
- Want flexibility for different user preferences
- Building enterprise apps with various auth requirements
- Need progressive enhancement (start simple, add more options)
Core Architecture
Better Auth uses client-server architecture:
- Server (
better-auth): Handles auth logic, database ops, API routes
- Client (
better-auth/client): Provides hooks/methods for frontend
- Plugins: Extend both server/client functionality
Implementation Checklist
Reference Documentation
Core Authentication
Advanced Features
- Advanced Features - 2FA/MFA, passkeys, magic links, organizations, rate limiting, session management
Scripts
scripts/better_auth_init.py - Initialize Better Auth configuration with interactive setup
Resources
1---2name: better-auth-23description: Implement authentication and authorization with Better Auth - a framework-agnostic TypeScript authentication framework. Features include email/password authentication with verification, OAuth providers (Google, GitHub, Discord, etc.), two-factor authentication (TOTP, SMS), passkeys/WebAuthn support, session management, role-based access control (RBAC), rate limiting, and database adapters. Use when adding authentication to applications, implementing OAuth flows, setting up 2FA/MFA, managing user sessions, configuring authorization rules, or building secure authentication systems for web applications.4license: MIT5---67# Better Auth Skill89Better Auth is comprehensive, framework-agnostic authentication/authorization framework for TypeScript with built-in email/password, social OAuth, and powerful plugin ecosystem for advanced features.1011## When to Use1213- Implementing auth in TypeScript/JavaScript applications14- Adding email/password or social OAuth authentication15- Setting up 2FA, passkeys, magic links, advanced auth features16- Building multi-tenant apps with organization support17- Managing sessions and user lifecycle18- Working with any framework (Next.js, Nuxt, SvelteKit, Remix, Astro, Hono, Express, etc.)1920## Quick Start2122### Installation2324```bash25npm install better-auth26# or pnpm/yarn/bun add better-auth27```2829### Environment Setup3031Create `.env`:32```env33BETTER_AUTH_SECRET=<generated-secret-32-chars-min>34BETTER_AUTH_URL=http://localhost:300035```3637### Basic Server Setup3839Create `auth.ts` (root, lib/, utils/, or under src/app/server/):4041```ts42import { betterAuth } from "better-auth";4344export const auth = betterAuth({45 database: {46 // See references/database-integration.md47 },48 emailAndPassword: {49 enabled: true,50 autoSignIn: true51 },52 socialProviders: {53 github: {54 clientId: process.env.GITHUB_CLIENT_ID!,55 clientSecret: process.env.GITHUB_CLIENT_SECRET!,56 }57 }58});59```6061### Database Schema6263```bash64npx @better-auth/cli generate # Generate schema/migrations65npx @better-auth/cli migrate # Apply migrations (Kysely only)66```6768### Mount API Handler6970**Next.js App Router:**71```ts72// app/api/auth/[...all]/route.ts73import { auth } from "@/lib/auth";74import { toNextJsHandler } from "better-auth/next-js";7576export const { POST, GET } = toNextJsHandler(auth);77```7879**Other frameworks:** See references/email-password-auth.md#framework-setup8081### Client Setup8283Create `auth-client.ts`:8485```ts86import { createAuthClient } from "better-auth/client";8788export const authClient = createAuthClient({89 baseURL: process.env.NEXT_PUBLIC_BETTER_AUTH_URL || "http://localhost:3000"90});91```9293### Basic Usage9495```ts96// Sign up97await authClient.signUp.email({98 email: "user@example.com",99 password: "SecureP@ssw0rd!2024", // Use strong passwords with uppercase, numbers, and symbols100 name: "John Doe"101});102103// Sign in104await authClient.signIn.email({105 email: "user@example.com",106 password: "SecureP@ssw0rd!2024"107});108109// OAuth110await authClient.signIn.social({ provider: "github" });111112// Session113const { data: session } = authClient.useSession(); // React/Vue/Svelte114const { data: session } = await authClient.getSession(); // Vanilla JS115```116117## Feature Selection Matrix118119| Feature | Plugin Required | Use Case | Reference |120|---------|----------------|----------|-----------|121| Email/Password | No (built-in) | Basic auth | [email-password-auth.md](./references/email-password-auth.md) |122| OAuth (GitHub, Google, etc.) | No (built-in) | Social login | [oauth-providers.md](./references/oauth-providers.md) |123| Email Verification | No (built-in) | Verify email addresses | [email-password-auth.md](./references/email-password-auth.md#email-verification) |124| Password Reset | No (built-in) | Forgot password flow | [email-password-auth.md](./references/email-password-auth.md#password-reset) |125| Two-Factor Auth (2FA/TOTP) | Yes (`twoFactor`) | Enhanced security | [advanced-features.md](./references/advanced-features.md#two-factor-authentication) |126| Passkeys/WebAuthn | Yes (`passkey`) | Passwordless auth | [advanced-features.md](./references/advanced-features.md#passkeys-webauthn) |127| Magic Link | Yes (`magicLink`) | Email-based login | [advanced-features.md](./references/advanced-features.md#magic-link) |128| Username Auth | Yes (`username`) | Username login | [email-password-auth.md](./references/email-password-auth.md#username-authentication) |129| Organizations/Multi-tenant | Yes (`organization`) | Team/org features | [advanced-features.md](./references/advanced-features.md#organizations) |130| Rate Limiting | No (built-in) | Prevent abuse | [advanced-features.md](./references/advanced-features.md#rate-limiting) |131| Session Management | No (built-in) | User sessions | [advanced-features.md](./references/advanced-features.md#session-management) |132133## Auth Method Selection Guide134135**Choose Email/Password when:**136- Building standard web app with traditional auth137- Need full control over user credentials138- Targeting users who prefer email-based accounts139140**Choose OAuth when:**141- Want quick signup with minimal friction142- Users already have social accounts143- Need access to social profile data144145**Choose Passkeys when:**146- Want passwordless experience147- Targeting modern browsers/devices148- Security is top priority149150**Choose Magic Link when:**151- Want passwordless without WebAuthn complexity152- Targeting email-first users153- Need temporary access links154155**Combine Multiple Methods when:**156- Want flexibility for different user preferences157- Building enterprise apps with various auth requirements158- Need progressive enhancement (start simple, add more options)159160## Core Architecture161162Better Auth uses client-server architecture:1631. **Server** (`better-auth`): Handles auth logic, database ops, API routes1642. **Client** (`better-auth/client`): Provides hooks/methods for frontend1653. **Plugins**: Extend both server/client functionality166167## Implementation Checklist168169- [ ] Install `better-auth` package170- [ ] Set environment variables (SECRET, URL)171- [ ] Create auth server instance with database config172- [ ] Run schema migration (`npx @better-auth/cli generate`)173- [ ] Mount API handler in framework174- [ ] Create client instance175- [ ] Implement sign-up/sign-in UI176- [ ] Add session management to components177- [ ] Set up protected routes/middleware178- [ ] Add plugins as needed (regenerate schema after)179- [ ] Test complete auth flow180- [ ] Configure email sending (verification/reset)181- [ ] Enable rate limiting for production182- [ ] Set up error handling183184## Reference Documentation185186### Core Authentication187- [Email/Password Authentication](./references/email-password-auth.md) - Email/password setup, verification, password reset, username auth188- [OAuth Providers](./references/oauth-providers.md) - Social login setup, provider configuration, token management189- [Database Integration](./references/database-integration.md) - Database adapters, schema setup, migrations190191### Advanced Features192- [Advanced Features](./references/advanced-features.md) - 2FA/MFA, passkeys, magic links, organizations, rate limiting, session management193194## Scripts195196- `scripts/better_auth_init.py` - Initialize Better Auth configuration with interactive setup197198## Resources199200- Docs: https://www.better-auth.com/docs201- GitHub: https://github.com/better-auth/better-auth202- Plugins: https://www.better-auth.com/docs/plugins203- Examples: https://www.better-auth.com/docs/examples