Next.js Supabase Auth

概要

This skill provides expert guidance for implementing robust authentication workflows in Next.js applications using Supabase. It streamlines the setup of @supabase/ssr, configures middleware for route protection and token refreshing, and implements secure patterns for Server Actions and Client Components. By enforcing modern standards, it helps developers avoid common pitfalls like improper token exposure or manual cookie handling, ensuring a seamless and secure user authentication experience across the entire App Router architecture.

主な機能

• Middleware configuration for session refreshing and route protection
• Automated setup of @supabase/ssr for App Router compatibility
• 0 GitHub stars
• Secure Server Action patterns for login, signup, and logout operations
• Implementation of OAuth callback handlers and code exchange flows
• Optimized cookie-based session management across the server/client boundary

ユースケース

• Securing dashboard routes and private layouts in a Next.js application
• Migrating client-side auth to more secure server-side authentication patterns
• Implementing social login (OAuth) with proper server-side redirects