How does this skill handle route protection?

It implements protection at the layout level using Server Components and leverages Next.js middleware to ensure sessions are automatically refreshed on every request.

Why does the skill insist on using getUser() instead of getSession()?

The skill enforces getUser() for authorization checks because it validates the user's JWT with the Supabase Auth server, providing a more secure check than local session data.

Does this skill support the legacy @supabase/auth-helpers?

No, this skill is specifically optimized for the modern @supabase/ssr package to ensure full compatibility with Next.js App Router features and better session handling.

Can I implement password resets with this skill?

Yes, it includes standard flows for triggering password reset emails and handling the callback to update user credentials securely.

Next.js Supabase Auth

Name: Next.js Supabase Auth
Author: mickaelMamani

bymickaelMamani

0•

セキュリティとテスト

Implements secure, production-ready Supabase authentication flows for Next.js App Router using the @supabase/ssr package.

The auth skill provides a comprehensive framework for integrating Supabase authentication into modern Next.js applications. It automates the creation of server, browser, and middleware clients while enforcing security best practices such as server-side JWT validation and layout-level route protection. This skill is essential for developers building SaaS products who need to quickly and safely implement login, signup, OAuth, and session management using the App Router and Server Actions.

主な機能

01Automated middleware setup for seamless session refreshing

020 GitHub stars

03Secure route protection patterns using Next.js Layouts

04Full @supabase/ssr integration for reliable server and client-side auth

05Pre-built Server Actions for email/password and password reset flows

06Robust OAuth callback handling for social authentication providers

ユースケース

01Implementing social login providers like Google or GitHub in a Next.js project

02Configuring secure session management for server-side rendered pages

03Building a secure user dashboard with restricted access in a SaaS application

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add mickaelmamani/saas-toolkit auth

For use in Claude.ai and ChatGPT

Download Skill