What problem does it solve? It removes the guesswork and inconsistency of wiring backend data fetching in a Next.js App Router project, ensuring Supabase queries stay type-safe, caching is explicit, and UI never crashes from unhandled data errors. ## Core Features & Use Cases - Supabase Type Synchronization: Reads the live schema via Supabase MCP or generates TypeScript types with the Supabase CLI into src/types/supabase.ts. - Server-First Data Fetching: Places queries in Server Components or Server Actions with explicit revalidate or no-store cache strategies and React cache deduplication. - GitHub GraphQL Integration: Keeps GraphQL queries in dedicated modules and maps responses to typed portfolio domain models with early-return error handling. - Use Case: When adding a new portfolio page that combines Supabase project data with GitHub repository stats, this Skill produces the fully typed server-side fetch functions with correct caching and safe fallbacks. ## Quick Start Ask the assistant to implement a typed server-side data fetching function for a specific Next.js route using Supabase or GitHub GraphQL with an explicit cache strategy.
