authentication-logic
Guide to using Better Auth for client and server-side authentication.
Installation
Follow the repository instructions for this skill and your agent. Review the files and dependencies before adding it to your workflow.
View source ↗GuidesSkill instructions
Authentication Logic
Overview
We use Better Auth (better-auth) for identifying users.
Config
-
Client:
lib/auth-client.tsexportsauthClient. -
Server:
lib/auth.tsexportsauth.
Client-Side Usage
Use authClient for signing in, signing out, and checking session state in Client Components.
import { authClient } from "@/lib/auth-client";
// Sign In
await authClient.signIn.email({
email,
password,
});
// Social Sign In
await authClient.signIn.social({
provider: "google",
callbackURL: "/onboarding",
});
// Sign Out
await authClient.signOut();
Server-Side Usage
Use auth.api.getSession for protecting API routes or Server Actions.
import { auth } from "@/lib/auth";
import { headers } from "next/headers";
const session = await auth.api.getSession({
headers: await headers()
});
if (!session) {
return new Response("Unauthorized", { status: 401 });
}
AuthBar Component
- Located at
textbook/src/components/AuthBar/index.tsx. - Displays user avatar or login button.
- Fetches session from
/api/auth/session(Next.js API route proxying Better Auth).
Examples
Read the usage examples in the source repository.
View source ↗Source history
- Indexed on
- 2026-01-20
- Index updated
- 2026-01-28
- Branch
- main
Index and sync dates describe this directory. View the source repository for code history.
GitHub ↗chat Comments (0)
Sign in to join the discussion and leave a comment.
No comments yet. Be the first to share your thoughts!