UI Integration
OfficialType-safe Next.js server actions with Supabase.
Authorconstellos
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This skill helps developers implement secure, type-safe server-side integration between Next.js and Supabase, enabling server actions, typed queries, and robust data handling.
Core Features & Use Cases
- Server Actions: write server-side logic with "use server" and connect to UI components.
- Type-safe Queries: generate and use TypeScript types from the Supabase schema for all data access.
- Defense-in-depth: combine Row-Level Security policies with explicit authentication checks to protect data.
- Revalidation: revalidate paths after mutations to keep client UI in sync.
Quick Start
Install and configure a Next.js app with Supabase, generate types from your schema, implement server actions with explicit auth checks, and wire them to client components. Use server actions for CRUD workflows, ensuring revalidation occurs after mutating operations.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: UI Integration Download link: https://github.com/constellos/claude-code-plugins/archive/main.zip#ui-integration Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.