nextjs-supabase-auth

Original：🇺🇸 English

Translated

Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.

3installs

Sourcesickn33/antigravity-awesome-skills

Added on2026-02-04

NPX Install

npx skill4agent add sickn33/antigravity-awesome-skills nextjs-supabase-auth

SKILL.md Content

View Translation Comparison →

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:

Use @supabase/ssr for App Router integration
Handle tokens in middleware for protected routes
Never expose auth tokens to client unnecessarily
Use Server Actions for auth operations when possible
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