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