Build end-to-end type-safe APIs with tRPC v11 in Next.js App Router.
npx skills add https://github.com/tianhuil/dotfiles --skill trpc-tianhuil
Please help me install this Agent Skill. Skill: trpc Source: https://github.com/tianhuil/dotfiles/tree/main/home/.config/opencode/skills/trpc Command: npx skills add https://github.com/tianhuil/dotfiles --skill trpc-tianhuil
The Skill streamlines building robust, end-to-end type-safe APIs in Next.js using tRPC v11, enabling shared server/client code, strong typings, and maintainable patterns.
Set up a Next.js project and integrate the tRPC client.
High-intent search queries and answers about installing and using this skill.
Integrate tRPC with React Query in Next.js by configuring the SuperJSON transformer and defining typed inputs with Zod. This combination enables robust client-server integration and scalable API development with automatic type inference.
Merge multiple tRPC routers efficiently by using middleware-based router composition across feature modules. This pattern allows you to scale your API layer while maintaining full type-safety and separating concerns across different domains.
Yes, tRPC v11 works with Next.js App Router server components by setting up a tRPC context with protected and public procedures. This allows you to leverage typed procedures directly within server components for secure data fetching.
You need Zod for typed input validation and SuperJSON as a transformer to serialize complex data types. Together they ensure end-to-end type-safety and robust data transmission between the tRPC server and client layers.
AlteriomEstablish end-to-end type-safe APIs in TypeScript apps using tRPC, Zod, and Next.js.
jangtrinhPlan and implement Next.js 15 App Router patterns for scalable UI apps.
desafinDevelop type-safe TypeScript apps with React 19, Next.js 16, tRPC, and Zod.
LimaTechnologiesImplement tRPC v11 routers, procedures, middleware, and client integration.
