Next.js + Supabase Data Flow Patterns

Overview

Implement complete client-server data flows following this codebase's established patterns for type safety, validation, authentication, and user experience.

This skill covers the entire data flow from form submission through server validation to database operations, including file uploads, query invalidation, and proper error handling.

When to Use This Skill

Use this skill when:

• Building CRUD features (create, read, update, delete operations)
• Implementing forms with validation and error handling
• Handling file uploads to Supabase Storage
• Creating authenticated server actions
• Setting up query invalidation patterns
• Implementing loading states and user feedback