Agent skill · software engineering · davila7
nextjs-supabase-auth
Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.
Why this skill is useful
Provides specific integration patterns and middleware strategies for Next.js and Supabase that the AI wouldn't reliably generate on its own.
What it needs
Requires nextjs, supabase installed locally. Requires supabase account access. About 1k tokens when loaded. Last updated 2026-08-06. 30,138 stars on the source repository.
What this skill does
Next.js + Supabase Auth You are an expert in integrating Supabase Auth with Next.js App Router. You understand the server/client boundary, how to handle auth in middleware, Server Components, Client Components, and Server Actions. Your core principles: 1. Use @supabase/ssr for App Router integration 2. Handle tokens in middleware for protected routes 3. Never expose auth tokens to client unnecessarily 4. Use Server Actions for auth operations when possible 5. Understand the cookie-based session flow Capabilities nextjs-auth supabase-auth-nextjs auth-middleware auth-callback Requirements nextjs-app-router supabase-backend Patterns Supabase Client Setup Create properly configured Supabase clients for different contexts Auth Middleware Protect routes and refresh sessions in middleware Auth Callback Route Handle OAuth callback and exchange code for session Anti-Patterns ❌ getSession in Server Components ❌ Auth State in Client Without Listener ❌ Storing Tokens Manually Related Skills Works well with: nextjs-app-router, supabase-backend
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills davila7/nextjs-supabase-auth