aa71e76eb9
- Add date_added to all 950+ skills for complete tracking - Update version to 6.5.0 in package.json and README - Regenerate all indexes and catalog - Sync all generated files Features from merged PR #150: - Stars/Upvotes system for community-driven discovery - Auto-update mechanism via START_APP.bat - Interactive Prompt Builder - Date tracking badges - Smart auto-categorization All skills validated and indexed. Made-with: Cursor
62 lines
1.5 KiB
Markdown
62 lines
1.5 KiB
Markdown
---
|
|
name: nextjs-supabase-auth
|
|
description: "Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route."
|
|
risk: unknown
|
|
source: "vibeship-spawner-skills (Apache 2.0)"
|
|
date_added: "2026-02-27"
|
|
---
|
|
|
|
# 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`
|
|
|
|
## When to Use
|
|
This skill is applicable to execute the workflow or actions described in the overview.
|