Why does the skill flag getSession() as an error?

getSession() does not verify the JWT with the Supabase server, making it less secure. This skill enforces getUser() for all security-critical checks to ensure data integrity.

How does it handle route protection?

It provides a comprehensive middleware.ts pattern that checks for authenticated users on specific route matchers and handles automatic session refreshing.

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

Yes, the skill includes a dedicated Auth Callback Route pattern (app/auth/callback/route.ts) to exchange temporary codes for permanent user sessions.

Does this skill support the latest Next.js features?

Yes, it is specifically designed for the Next.js App Router and utilizes @supabase/ssr for modern server-side rendering and Server Action support.

Next.js Supabase Auth

Name: Next.js Supabase Auth
Author: sickn33

bysickn33

•

31,432

•

安全与测试

Integrates Supabase Authentication into Next.js App Router projects using secure server-side patterns and automated middleware configuration.

This skill provides an expert-level framework for implementing Supabase Auth within the Next.js App Router architecture. It automates the creation of environment-aware Supabase clients, establishes secure middleware for route protection and session refreshing, and handles complex OAuth callback logic. By enforcing security best practices—such as preferring getUser() over getSession() and implementing proper cache revalidation—this skill ensures that your authentication layer is robust, production-ready, and free from common implementation pitfalls.

主要功能

01Secure route protection and session refreshing via Next.js Middleware

02Proactive validation checks for security vulnerabilities and stale auth states

0331,432 GitHub stars

04Pre-configured OAuth callback handlers for social login providers

05Unified browser and server client configuration for Supabase SSR

06Authentication workflows implemented through Next.js Server Actions

使用场景

01Implementing social login (Google, GitHub, etc.) with automated session exchange

02Managing authenticated server-side rendering for SEO-sensitive user profiles

03Building secure SaaS platforms with protected dashboard routes and user-specific data

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills nextjs-supabase-auth

For use in Claude.ai and ChatGPT

主要功能

01Secure route protection and session refreshing via Next.js Middleware

02Proactive validation checks for security vulnerabilities and stale auth states

0331,432 GitHub stars

04Pre-configured OAuth callback handlers for social login providers

05Unified browser and server client configuration for Supabase SSR

06Authentication workflows implemented through Next.js Server Actions

使用场景

01Implementing social login (Google, GitHub, etc.) with automated session exchange

02Managing authenticated server-side rendering for SEO-sensitive user profiles

03Building secure SaaS platforms with protected dashboard routes and user-specific data

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills nextjs-supabase-auth

For use in Claude.ai and ChatGPT