multiAI Summary Pending
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.
231 stars
Installation
Claude Code / Cursor / Codex
$curl -o ~/.claude/skills/nextjs-supabase-auth/SKILL.md --create-dirs "https://raw.githubusercontent.com/aiskillstore/marketplace/main/skills/sickn33/nextjs-supabase-auth/SKILL.md"
Manual Installation
- Download SKILL.md from GitHub
- Place it in
.claude/skills/nextjs-supabase-auth/SKILL.mdinside your project - Restart your AI agent — it will auto-discover the skill
How nextjs-supabase-auth Compares
| Feature / Agent | nextjs-supabase-auth | Standard Approach |
|---|---|---|
| Platform Support | multi | Limited / Varies |
| Context Awareness | High | Baseline |
| Installation Complexity | Unknown | N/A |
Frequently Asked Questions
What does this skill do?
Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.
Which AI agents support this skill?
This skill is compatible with multi.
Where can I find the source code?
You can find the source code on GitHub using the link provided at the top of the page.
SKILL.md Source
# 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`