dangapp-supabase-hook

What problem does it solve?

This Skill addresses the issue of direct Supabase calls within routes and components, aiming to encapsulate data access logic into stable, reusable TanStack Query hooks.

Core Features & Use Cases

• Encapsulation: Moves Supabase fetch and mutation logic out of UI components and into dedicated hooks.
• State Management: Leverages TanStack Query for robust server-state management, including caching and invalidation.
• Use Case: When a new feature requires fetching user profile data from Supabase, instead of writing fetch calls directly in the component, this Skill generates a useUserProfile hook that handles the data fetching, caching, and error states.

Quick Start

Create a new TanStack Query hook for fetching user data from the 'users' table in Supabase.