xiaohongshu
xiaohongshu
better-auth-ts
Better Auth TypeScript/JavaScript authentication library. Use when implementing auth in Next.js, React, Express, or any TypeScript project. Covers email/password, OAuth, JWT, sessions, 2FA, magic links, social login with Next.js 16 proxy.ts patterns.
Full skill instructions
Better Auth is a framework-agnostic authentication and authorization library for TypeScript.
# npm
npm install better-auth
# pnpm
pnpm add better-auth
# yarn
yarn add better-auth
# bun
bun add better-auth
See templates/auth-server.ts for a complete template.
// lib/auth.ts
import { betterAuth } from "better-auth";
export const auth = betterAuth({
database: yourDatabaseAdapter, // See ORM guides below
emailAndPassword: { enabled: true },
});
// lib/auth-client.ts
import { createAuthClient } from "better-auth/client";
export const authClient = createAuthClient({
baseURL: process.env.NEXT_PUBLIC_APP_URL,
});
IMPORTANT: Always use CLI to generate/migrate schema:
npx @better-auth/cli generate # See current schema
npx @better-auth/cli migrate # Create/update tables
| ORM | Guide |
|---|---|
| Drizzle | reference/drizzle.md |
| Prisma | reference/prisma.md |
| Kysely | reference/kysely.md |
| MongoDB | reference/mongodb.md |
| Direct DB | Use pg Pool directly (see templates) |
// app/api/auth/[...all]/route.ts
import { auth } from "@/lib/auth";
import { toNextJsHandler } from "better-auth/next-js";
export const { GET, POST } = toNextJsHandler(auth.handler);
In Next.js 16, middleware.ts → proxy.ts:
// proxy.ts
import { NextRequest, NextResponse } from "next/server";
import { auth } from "@/lib/auth";
import { headers } from "next/headers";
export async function proxy(request: NextRequest) {
const session = await auth.api.getSession({
headers: await headers(),
});
if (!session) {
return NextResponse.redirect(new URL("/sign-in", request.url));
}
return NextResponse.next();
}
export const config = {
matcher: ["/dashboard/:path*"],
};
Migration: npx @next/codemod@canary middleware-to-proxy .
import { auth } from "@/lib/auth";
import { headers } from "next/headers";
import { redirect } from "next/navigation";
export default async function DashboardPage() {
const session = await auth.api.getSession({
headers: await headers(),
});
if (!session) redirect("/sign-in");
return <h1>Welcome {session.user.name}</h1>;
}
| Pattern | Guide |
|---|---|
| Email/Password | examples/email-password.md |
| Social OAuth | examples/social-oauth.md |
| Two-Factor (2FA) | examples/two-factor.md |
| Magic Link | examples/magic-link.md |
const { data, error } = await authClient.signIn.email({
email: "[email protected]",
password: "password",
});
await authClient.signIn.social({
provider: "google",
callbackURL: "/dashboard",
});
await authClient.signOut();
const session = await authClient.getSession();
import { twoFactor, magicLink, jwt, organization } from "better-auth/plugins";
export const auth = betterAuth({
plugins: [
twoFactor(),
magicLink({ sendMagicLink: async ({ email, url }) => { /* send email */ } }),
jwt(),
organization(),
],
});
After adding plugins, always run:
npx @better-auth/cli migrate
See reference/advanced-patterns.md for:
| Template | Purpose |
|---|---|
| templates/auth-server.ts | Server configuration template |
| templates/auth-client.ts | Client configuration template |
DATABASE_URL=postgresql://user:pass@host:5432/db
NEXT_PUBLIC_APP_URL=http://localhost:3000
BETTER_AUTH_URL=http://localhost:3000
BETTER_AUTH_SECRET=your-secret
# OAuth (as needed)
GOOGLE_CLIENT_ID=...
GOOGLE_CLIENT_SECRET=...
GITHUB_CLIENT_ID=...
GITHUB_CLIENT_SECRET=...
// Client
const { data, error } = await authClient.signIn.email({ email, password });
if (error) {
console.error(error.message, error.status);
}
// Server
import { APIError } from "better-auth/api";
try {
await auth.api.signInEmail({ body: { email, password } });
} catch (error) {
if (error instanceof APIError) {
console.log(error.message, error.status);
}
}
# Generate schema
npx @better-auth/cli generate
# Migrate database
npx @better-auth/cli migrate
# Next.js 16 middleware migration
npx @next/codemod@canary middleware-to-proxy .
Always check latest docs before implementation - APIs may change between versions.
xiaohongshu
technical spec
product ux expert
database patterns
Conduct multi-agent task orchestration and workflow coordination.
Initialize project with Conductor artifacts (product definition,
Expert in web animations, transitions, and motion design using Framer Motion and CSS
Creates Mermaid and ASCII diagrams for flowcharts, architecture, ERDs, state machines, mindmaps, and more. Use when user mentions diagram, flowchart, mermaid, ASCII diagram, text diagram, terminal diagram, visualize, C4, mindmap, architecture diagram, sequence diagram, ERD, or needs visual docume...
PostgreSQL bindings for H3 hexagonal grid system. Use when working with H3 cells in Postgres, including spatial indexing, geometry/geography integration, and raster analysis.
Context-Driven Development skill for projects using Conductor. Use this skill when you detect a `conductor/` directory in the project, when working on tasks defined in a `plan.md` file, or when the user asks about tracks, specs, or plans. Automatically applies TDD workflow, tracks task completion...
Display project status, active tracks, and next actions
Official Stakpak application containerization standard operating procedure, a step-by-step guidline to properly dockerize applications. This is a rule book curated by the Stakpak Team.
Generate, edit, and beat-sync AI video with leading models in one workspace.
The world's fastest calendar for remote work
Transform Your Design with AI Designer by ImgCreator.ai
Revolutionizing Video Production with AI-Powered Creativity
Extend an image past the frame and let AI fill the new aspect ratio.
Discover your celebrity doppelgänger with StarByFace!
ChainClarity explains 700+ crypto whitepapers in plain English, with layered summaries, comparisons, research tools, alerts, and a $4.99 Pro plan.
Opus.ai: Revolutionize Your Web Experience