Database
nextjs-supabase-auth - Claude MCP Skill
Expert integration of Supabase Auth with Next.js App Router Use when: supabase auth next, authentication next.js, login supabase, auth middleware, protected route.
SEO Guide: Enhance your AI agent with the nextjs-supabase-auth tool. This Model Context Protocol (MCP) server allows Claude Desktop and other LLMs to expert integration of supabase auth with next.js app router use when: supabase auth next, authentica... Download and configure this skill to unlock new capabilities for your AI workflow.
Documentation
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: 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.
Signals
Information
- Repository
- arlenagreer/claude_configuration_docs
- Author
- arlenagreer
- Last Sync
- 5/10/2026
- Repo Updated
- 5/7/2026
- Created
- 4/10/2026
Reviews (0)
No reviews yet. Be the first to review this skill!
Related Skills
pr-status
PR Status
next-compile
Check Next.js compilation errors via a running dev server. Turbopack only. MANDATORY after every code edit before reporting work complete. Replaces `next build`.
context7-mcp
This skill should be used when the user asks about libraries, frameworks, API references, or needs code examples. Activates for setup questions, code generation involving libraries, or mentions of specific frameworks like React, Vue, Next.js, Prisma, Supabase, etc.
find-docs
Retrieves up-to-date documentation, API references, and code examples for any developer technology. Use this skill whenever the user asks about a specific library, framework, SDK, CLI tool, or cloud service -- even for well-known ones like React, Next.js, Prisma, Express, Tailwind, Django, or Spring Boot. Your training data may not reflect recent API changes or version updates. Always use for: API syntax questions, configuration options, version migration issues, "how do I" questions mentioning a library name, debugging that involves library-specific behavior, setup instructions, and CLI tool usage. Use even when you think you know the answer -- do not rely on training data for API details, signatures, or configuration options as they are frequently outdated. Always verify against current docs. Prefer this over web search for library documentation and API details.
Related Guides
Mastering Next.js, Material UI, and Tailwind CSS with Claude: A Complete Guide to the Portfolio2 Skill
Learn how to use the nextjs material ui tailwind css Claude skill. Complete guide with installation instructions and examples.
Mastering Modern Web Development with the Next.js React Tailwind Claude Skill
Learn how to use the nextjs react tailwind Claude skill. Complete guide with installation instructions and examples.
Mastering Next.js Development with the "nextjs tailwind typescript apps" Claude Skill
Learn how to use the nextjs tailwind typescript apps Claude skill. Complete guide with installation instructions and examples.