add-login

Implement Supabase B2B authentication for Next.js apps with Google OAuth.

Updated Apr 15, 2026
One-click install
npx skills add https://github.com/arroyo2009jose-max/civradar-autoridades --skill add-login-arroyo2009jose-max
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: add-login
Source: https://github.com/arroyo2009jose-max/civradar-autoridades/tree/main/.claude/skills/add-login
Command: npx skills add https://github.com/arroyo2009jose-max/civradar-autoridades --skill add-login-arroyo2009jose-max

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Automates building a production-ready B2B authentication system using Supabase and Next.js 16, including login, signup, password reset, profiles, Google OAuth, and route protection.

Core Features & Use Cases

  • Complete Email/Password sign-in and sign-up with password reset.
  • Google OAuth integration with automatic profile creation and RLS-based access control.
  • Server-side session handling via proxy.ts and Supabase SSR patterns.
  • Protected routes and OAuth callback flow for seamless user experience.

Quick Start

Follow the provided file templates to implement the authentication flow, configure your Supabase project URL and anon key, enable Google OAuth in the dashboard, and run npm run dev.

Frequently Asked Questions about add-login

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I implement Supabase authentication in a Next.js app?

Supabase authentication in Next.js requires server-side session handling via proxy.ts and SSR patterns, plus client actions for login, signup, and password reset. This setup applies to both server-rendered and client components to manage the complete auth flow.

How does Google OAuth work with Supabase and Next.js server-rendered components?

Google OAuth with Supabase in Next.js uses an OAuth callback routing flow to handle authentication tokens securely. It enables automatic profile creation with RLS-based access control, ensuring user data is protected across server-rendered and client components.

Can I use RLS-based profiles with Next.js SSR and Supabase?

Yes, you can use RLS-based profiles with Next.js SSR and Supabase by retrieving user sessions on the server side. This approach satisfies requirements for SSR user retrieval and ensures row-level security policies are enforced during profile management.

What is the best way to set up B2B authentication with Supabase and Next.js?

The best way to set up B2B authentication with Supabase and Next.js is to deploy a production-ready system covering onboarding, login, password reset, and profile management. This includes configuring server proxy handling and OAuth callback routing for a seamless user experience.

Do I need to configure a proxy file to handle Supabase SSR user retrieval in Next.js?

Yes, you need a proxy file like proxy.ts to handle Supabase SSR user retrieval in Next.js. Server-side session handling via proxy patterns is required to satisfy SSR user retrieval and maintain secure authentication across server-rendered components.