home/categories/full-stack/reodor-studios-create-reodor-app-claude-skills-client-server-data-flow-skill-md
full-stackdevelopment

client-server-data-flow

Implement type-safe client-server data flows in Next.js applications using Supabase, TanStack Query, React Hook Form, and Zod validation. Use when building CRUD features, handling forms with validation, implementing file uploads, or creating server actions with authentication and authorization. Essential for pages requiring data mutations with proper loading states, error handling, and query cache management.

Reodor-Studios
maintainer
Reodor-Studios
更新於 12/5/2025
星標
1
分支
0
quick start

Installation and usage

Implement type-safe client-server data flows in Next.js applications using Supabase, TanStack Query, React Hook Form, and Zod validation. Use when building CRUD features, handling forms with validation, implementing file uploads, or creating server actions with authentication and authorization. Essential for pages requiring data mutations with proper loading states, error handling, and query cache management.

安裝
$ install --globalskills.sh
使用

安裝後,您可以通過在終端運行以下命令來使用此技能:

skills use client-server-data-flow