Agent skill

nuxt-better-auth

Use when implementing auth in Nuxt apps with @onmax/nuxt-better-auth - provides useUserSession composable, server auth helpers, route protection, and Better Auth plugins integration.

Stars 611
Forks 25

Install this agent skill to your Project

npx add-skill https://github.com/onmax/nuxt-skills/tree/main/skills/nuxt-better-auth

SKILL.md

Nuxt Better Auth

Authentication module for Nuxt 4+ built on Better Auth. Provides composables, server utilities, and route protection.

Alpha Status: This module is currently in alpha (v0.0.2-alpha.19) and not recommended for production use. APIs may change.

When to Use

  • Installing/configuring @onmax/nuxt-better-auth
  • Implementing login/signup/signout flows
  • Protecting routes (client and server)
  • Accessing user session in API routes
  • Integrating Better Auth plugins (admin, passkey, 2FA)
  • Setting up database with NuxtHub
  • Using clientOnly mode for external auth backends
  • Adding i18n support with @nuxtjs/i18n

For Nuxt patterns: use nuxt skill For NuxtHub database: use nuxthub skill

Available Guidance

File Topics
references/installation.md Module setup, env vars, config files
references/client-auth.md useUserSession, signIn/signUp/signOut, BetterAuthState, safe redirects
references/server-auth.md serverAuth, getUserSession, requireUserSession
references/route-protection.md routeRules, definePageMeta, middleware
references/plugins.md Better Auth plugins (admin, passkey, 2FA)
references/database.md NuxtHub integration, Drizzle schema, custom tables with FKs
references/client-only.md External auth backend, clientOnly mode, CORS
references/types.md AuthUser, AuthSession, type augmentation

Loading Files

Consider loading these reference files based on your task:

  • references/installation.md - if installing or configuring the module
  • references/client-auth.md - if building login/signup/signout flows
  • references/server-auth.md - if protecting API routes or accessing user session server-side
  • references/route-protection.md - if using routeRules or definePageMeta for auth
  • references/plugins.md - if integrating Better Auth plugins (admin, passkey, 2FA)
  • references/database.md - if setting up database with NuxtHub or Drizzle
  • references/client-only.md - if using external auth backend with clientOnly mode
  • references/types.md - if working with AuthUser, AuthSession, or type augmentation

DO NOT load all files at once. Load only what's relevant to your current task.

Key Concepts

Concept Description
useUserSession() Client composable - user, session, loggedIn, signIn/Out methods
requireUserSession() Server helper - throws 401/403 if not authenticated
auth route mode 'user', 'guest', { user: {...} }, or false
serverAuth() Get Better Auth instance in server routes

Quick Reference

ts
// Client: useUserSession()
const { user, loggedIn, signIn, signOut } = useUserSession()
await signIn.email({ email, password }, { onSuccess: () => navigateTo('/') })
ts
// Server: requireUserSession()
const { user } = await requireUserSession(event, { user: { role: 'admin' } })
ts
// nuxt.config.ts: Route protection
routeRules: {
  '/admin/**': { auth: { user: { role: 'admin' } } },
  '/login': { auth: 'guest' },
  '/app/**': { auth: 'user' }
}

Resources


Token efficiency: Main skill ~300 tokens, each sub-file ~800-1200 tokens

Expand your agent's capabilities with these related and highly-rated skills.

onmax/nuxt-skills

pnpm

Use when managing Node.js dependencies with pnpm - install packages, configure monorepo workspaces, set up pnpm catalogs, resolve dependency conflicts with overrides, patch third-party packages, and configure CI pipelines for pnpm projects

611 25
Explore
onmax/nuxt-skills

nuxt-seo

Nuxt SEO meta-module with robots, sitemap, og-image, schema-org. Use when configuring SEO, generating sitemaps, creating OG images, or adding structured data.

611 25
Explore
onmax/nuxt-skills

ts-library

Use when authoring TypeScript libraries or npm packages - covers project setup, package.json exports, build tooling (tsdown/unbuild), API design patterns, type inference tricks, testing, and publishing to npm. Use when bundling, configuring dual CJS/ESM output, or setting up release workflows.

611 25
Explore
onmax/nuxt-skills

motion

Use when adding animations with Motion Vue (motion-v) - provides motion component API, gesture animations, scroll-linked effects, layout transitions, and composables for Vue 3/Nuxt

611 25
Explore
onmax/nuxt-skills

vue

Use when editing .vue files, creating Vue 3 components, writing composables, or testing Vue code - provides Composition API patterns, props/emits best practices, VueUse integration, and reactive destructuring guidance

611 25
Explore
onmax/nuxt-skills

vite

Vite build tool configuration, plugin API, SSR, and Vite 8 Rolldown migration. Use when working with Vite projects, vite.config.ts, Vite plugins, or building libraries/SSR apps with Vite.

611 25
Explore

Didn't find tool you were looking for?

Be as detailed as possible for better results