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…

INSTALLATION
npx skills add https://github.com/davila7/claude-code-templates --skill nextjs-supabase-auth
Run in your project or agent environment. Adjust flags if your CLI version differs.

SKILL.md

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

BrowserAct

Let your agent run on any real-world website

Bypass CAPTCHA & anti-bot for free. Start local, scale to cloud.

Explore BrowserAct Skills →

Stop writing automation&scrapers

Install the CLI. Run your first Skill in 30 seconds. Scale when you're ready.

Start free
free · no credit card