with one click
nextjs-supabase-auth
Integrate Supabase Auth with Next.js App Router using middleware, callback handling, protected routes, and server/client client boundaries.
Menu
Integrate Supabase Auth with Next.js App Router using middleware, callback handling, protected routes, and server/client client boundaries.
| name | nextjs-supabase-auth |
| description | Integrate Supabase Auth with Next.js App Router using middleware, callback handling, protected routes, and server/client client boundaries. |
| metadata | {"owner":"skills-steward","last_updated":"2026-02-18T00:00:00.000Z","status":"active","upstream":{"repo":"supabase/agent-skills","related_guides":["https://supabase.com/docs/guides/auth/server-side/nextjs","https://supabase.com/docs/guides/auth"]}} |
| license | MIT |
Use this skill for authentication work in Next.js App Router with Supabase Auth.
Use this skill when:
Do not use this skill when:
supabase-postgres-best-practices)docs/ai/skills/supabase/SKILL.md)@supabase/ssr patterns for App Router integration.@/lib/supabase/server for server-side code and @/lib/supabase/client for client-side code.@/lib/supabase/server@/lib/supabase/clientgetSession blindly in server render paths without user validationPointer to the canonical agent instruction and skill system for this monorepo
HTML, CSS, and JavaScript craft guidelines from bendc/frontend-guidelines — semantics, a11y basics, selector discipline, motion-friendly CSS, and readable JS. Use for markup review, static HTML/CSS, email HTML, or general front-end hygiene; pair with repo frontend rules and TypeScript lint policy.
Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a preview deployment".
Disciplined diagnosis loop for hard bugs and performance regressions. Reproduce → minimise → hypothesise → instrument → fix → regression-test. Use when user says "diagnose this" / "debug this", reports a bug, says something is broken/throwing/failing, or describes a performance regression.
Alias for ubiquitous-language (DDD glossary / domain terminology). See ubiquitous-language for full workflow.
Design engineering principles and patterns for building polished, accessible web interfaces. Use this skill when building UI components, reviewing frontend code, implementing forms, handling touch interactions, optimizing performance, or creating marketing pages. Triggers on: design engineering, UI polish, input fields, form validation, button states, touch devices, mobile UX, accessibility, a11y, keyboard navigation, aria labels, font rendering, typography, layout shift, z-index, animations, transitions, easing, hover effects, tap targets, iOS Safari, prefers-reduced-motion, marketing pages, landing pages, dark mode, theme switching, scrollbars, gradients, shadows, virtualization, preloading.