Authentication in Nuxt
summary
An open-source Nuxt module for auth shows cookie‑based, encrypted sessions with client HTTP‑only cookies, a composable API (useUserSession) and server helpers that demo a working login flow and session fetch, plus WebAuthn passwordless and >20 OAuth providers. It claims cross‑runtime support (Node to Cloudflare), is written in TypeScript and supports type augmentation, and reports 900+ GitHub stars and 32,000 downloads/month. Limits: 4KB cookie payload; session storage and server‑side revoke are listed as upcoming.
AI-written summary · about
chapters (24)
- 0:00Authentication in Nuxt
- 1:26What authentication is
- 2:55Nuxt auth solutions
- 3:39next-auth-utils features
- 5:45Installing next-auth-utils
- 6:54Server API route for login
- 7:57useUserSession composable
- 9:45Live demo: login flow
- 10:26Secure cookies in next-auth-utils
- 11:33Server session data
- 12:34Benefits and limitations of cookie-based sessions
- 14:44Social auth with OAuth
- 15:48GitHub OAuth flow
- 17:17Passwordless with WebAuthn
- 19:52Setting up WebAuthn registration and login
- 21:42Live demo: WebAuthn auth
- 22:23Auth in hybrid rendering
- 23:50Fixing hydration issues
- 25:39Future roadmap
- 27:26Community feedback
- 28:09Closing remarks
- 28:32Q&A: next-auth-utils vs better-auth
- 29:35Q&A: User management
- 30:42Q&A: OAuth providers
related talks
40mNavigating Nuxt 3's Authentication Landscape
28mWho are vue? Authn in Vue, the important parts
09mBeyond the Login Page: Authentication in Next.js
11mVue.js: Building Secure Applications
12mAuthentication and Authorization in Next.js
26mLet's talk about Security in Vue & Nuxt
28mMore Secure Vue & Nuxt Apps - By Default
29mWho Are Vue? Authn In Vue, The Important Parts