What problem does it solve? Building APIs in TypeScript full-stack apps often means duplicating types between server and client, writing schemas, or maintaining code generation pipelines. This Skill provides patterns for creating fully type-safe APIs where TypeScript types flow directly from server routers to the client, eliminating schema overhead and making API calls autocompleted and refactoring-safe. ## Core Features & Use Cases - Router and Procedure Patterns: Define queries, mutations, and subscriptions with Zod input validation, auth middleware, and protected procedures. - Next.js App Router Integration: Set up fetch-based handlers, dual context factories for HTTP and Server Components, and React Query client providers. - Real-Time Subscriptions: Implement WebSocket-based subscriptions with observables and EventEmitter for live notifications. - Use Case: You are building a Next.js app and need a posts API. Use this Skill to scaffold a tRPC router with cursor pagination, auth-protected mutations, and a React client with automatic cache invalidation after mutations. ## Quick Start Set up a tRPC router with a protected posts procedure and wire it into my Next.js App Router project with a React Query client.
