UI Integration for Next.js with Supabase

Overview

UI Integration handles the server-side integration layer of Next.js applications with Supabase backends. This skill covers implementing Server Actions, writing type-safe Supabase queries, enforcing RLS policies with explicit auth checks, and properly revalidating data after mutations.

Key principles:

• Defense-in-depth: Always combine RLS policies with explicit auth checks
• Use "use server" for all server actions
• Revalidate paths after mutations for fresh data
• Generate and use TypeScript types for database queries
• Handle errors gracefully with proper error boundaries

Skill-scoped Context