Is this skill compatible with Server Actions?

Absolutely. It prioritizes using Server Actions for auth operations to keep logic on the server and minimize client-side overhead.

Does this skill support the latest Next.js features?

Yes, it is specifically designed for the App Router and utilizes modern patterns like Server Actions and the @supabase/ssr package.

How does it handle protected routes?

It provides logic for middleware that checks session validity and refreshes tokens automatically on the server before rendering protected content.

Can it help with OAuth providers like Google or GitHub?

Yes, it includes patterns for setting up Auth Callback routes to securely exchange codes for user sessions from third-party providers.

Does it store tokens in localStorage?

No, it follows security best practices by utilizing cookie-based session management to mitigate XSS vulnerabilities and support SSR.

Next.js Supabase Auth Integration

Name: Next.js Supabase Auth Integration
Author: claudiodearaujo

byclaudiodearaujo

0•

API 개발

Streamlines the implementation of secure authentication using Supabase within Next.js App Router applications.

This skill empowers Claude to architect and implement production-ready authentication systems using Supabase and the Next.js App Router. It specializes in @supabase/ssr configurations, middleware-based session management, and secure Server Actions, ensuring that developers follow industry best practices for protected routes and token handling while avoiding common pitfalls like manual token storage or insecure client-side state management.

주요 기능

010 GitHub stars

02Secure @supabase/ssr client configuration for Server and Client Components

03Middleware implementation for route protection and automated session refreshing

04OAuth callback handler setup for third-party authentication providers

05Implementation of Server Actions for secure login and registration flows

06Cookie-based session management following modern security standards

사용 사례

01Setting up a robust authentication system for a new Next.js App Router project

02Migrating legacy Supabase auth patterns to the modern @supabase/ssr pattern

03Securing specific API routes and private pages using custom middleware logic

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT

주요 기능

010 GitHub stars

02Secure @supabase/ssr client configuration for Server and Client Components

03Middleware implementation for route protection and automated session refreshing

04OAuth callback handler setup for third-party authentication providers

05Implementation of Server Actions for secure login and registration flows

06Cookie-based session management following modern security standards

사용 사례

01Setting up a robust authentication system for a new Next.js App Router project

02Migrating legacy Supabase auth patterns to the modern @supabase/ssr pattern

03Securing specific API routes and private pages using custom middleware logic

What are Skills?·How to Install

Install with 🐟 Skill.Fish

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

For use in Claude.ai and ChatGPT