supabase

Manage Supabase database interactions in Next.js App Router and TypeScript tools.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/GolfNext/golfnext-tool-kiosk-support-page --skill supabase-golfnext
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: supabase
Source: https://github.com/GolfNext/golfnext-tool-kiosk-support-page/tree/main/.claude/skills/supabase
Command: npx skills add https://github.com/GolfNext/golfnext-tool-kiosk-support-page --skill supabase-golfnext

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires @supabase/supabase-js, @supabase/ssr, and includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill provides a standardized and type-safe way to interact with Supabase databases, ensuring consistency and reducing errors in GolfNext internal tools.

Core Features & Use Cases

  • Client Setup: Configures browser, server, and admin Supabase clients.
  • Type Generation: Integrates with Supabase to generate TypeScript types for schema safety.
  • Query Patterns: Demonstrates safe and efficient patterns for reading, inserting, updating, and deleting data, including joins.
  • RLS Policies: Guides on implementing Row Level Security for secure data access.
  • Migrations: Covers schema version control using Supabase migrations.
  • Error Handling: Provides robust error handling strategies for database operations.

Quick Start

Use the supabase skill to set up the server client in src/lib/supabase/server.ts.

Frequently Asked Questions about supabase

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

FAQPage Schema
How do I set up a Supabase client in a Next.js App Router project?

Supabase client setup in Next.js App Router involves configuring browser, server, and admin clients using @supabase/ssr. This ensures type-safe database interactions and secure data access across server-side rendering and client components.

How do I generate TypeScript types for my Supabase database schema?

TypeScript types for a Supabase database schema are generated by integrating with Supabase CLI. This provides type safety for query patterns, ensuring that reading, inserting, updating, and deleting data remains strictly typed throughout your application.

How do I implement Row Level Security policies in Supabase?

Row Level Security (RLS) policies in Supabase are implemented to enforce secure data access directly at the database level. This Skill guides configuring RLS policies within PostgreSQL to restrict data visibility based on user authentication and authorization rules.

What is the best way to manage Supabase database migrations?

Supabase database migrations are managed using schema version control provided by the Supabase CLI. This approach tracks database changes systematically, ensuring consistent schema updates across different development and production environments.

How do I handle errors during Supabase database queries in TypeScript?

Error handling for Supabase database queries in TypeScript requires implementing robust strategies around client interactions. This ensures that read, insert, update, and delete operations safely catch and manage database errors without breaking the application flow.