Does it follow security best practices?

Absolutely. It enforces cookie-based session flows, prevents manual token storage, and ensures auth tokens are not unnecessarily exposed to the client.

How does it handle route protection?

It utilizes Next.js middleware to manage session refreshes and automatically redirect unauthorized users away from protected routes.

Can I use this for social logins like Google or GitHub?

Yes, the skill includes specialized patterns for handling OAuth callback routes and exchanging authentication codes for active sessions.

Does this skill support the Next.js App Router?

Yes, it is specifically designed for the App Router architecture, focusing on Server Components, Client Components, and @supabase/ssr integration.

Next.js Supabase Auth Expert

Name: Next.js Supabase Auth Expert
Author: claudiodearaujo

byclaudiodearaujo

•

セキュリティとテスト

Implements secure, production-ready authentication flows using Supabase and the Next.js App Router architecture.

This skill provides specialized guidance for integrating Supabase Auth into Next.js applications, specifically optimized for the App Router. It ensures industry-standard security by leveraging @supabase/ssr, middleware-based route protection, and Server Actions for auth operations. By following prescribed patterns and avoiding anti-patterns like manual token storage, it helps developers build robust, cookie-based authentication systems that maintain a clear boundary between server and client contexts while ensuring seamless session management.

主な機能

01Optimized Next.js App Router integration using @supabase/ssr

02Secure Server Action patterns for login and registration

031 GitHub stars

04OAuth callback handling and code exchange implementation

05Middleware-based session refreshing and route protection

06Standardized cookie-based session management across the server/client boundary

ユースケース

01Implementing protected layouts and role-based access control

02Migrating existing auth logic to the modern Next.js App Router pattern

03Setting up a new Next.js project with comprehensive Supabase authentication

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro nextjs-supabase-auth

For use in Claude.ai and ChatGPT

Download Skill