create-react-query-hook

Generate React Query hooks for Next.js Server Actions by creating standardized query and mutation hooks under src/hooks/queries and src/hooks/mutations. This enforces proper key patterns and integrates cache invalidation to trigger client-side data refresh automatically.

Structure React Query mutation hooks and cache invalidation by placing them in src/hooks/mutations with standardized mutation keys. This ensures reliable cache invalidation across your codebase and aligns mutations with Next.js Server Actions for automatic data refresh.

You need a standard Next.js project with TypeScript and React Query installed to automate hook creation. The scaffolding assumes this environment to output consistent use-<resource> and use-<resource>Mutation hooks for managing server state.

React Query integrates with Next.js Server Actions by aligning generated mutation hooks to trigger client-side data refresh automatically. This ensures that server state remains consistent through enforced cache invalidation patterns after mutations execute.

Consistent query keys are important for managing server state because they enable reliable cache invalidation and prevent stale data. Standardizing these keys across query and mutation hooks ensures predictable data fetching and refresh behavior.