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

API Development

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

About

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.

Key Features

0 GitHub stars
Secure @supabase/ssr client configuration for Server and Client Components
Middleware implementation for route protection and automated session refreshing
OAuth callback handler setup for third-party authentication providers
Implementation of Server Actions for secure login and registration flows
Cookie-based session management following modern security standards

Use Cases

Setting up a robust authentication system for a new Next.js App Router project
Migrating legacy Supabase auth patterns to the modern @supabase/ssr pattern
Securing 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

Download Skill

GitHub