Full end-to-end tRPC setup for Next.js App Router. Covers route handler with fetchRequestHandler (GET + POST exports), TRPCProvider with QueryClientProvider, createTRPCOptionsProxy for RSC prefetching, HydrateClient/HydrationBoundary for hydration, useSuspenseQuery for Suspense, and server-side callers.
Install
npx skills add trpc/trpc --skill nextjs-app-routernpx skills add trpc/trpc --skill nextjs-app-router -a claude-code -gnpx skills add trpc/trpc --skill nextjs-app-router -a codex -ggemini skills install https://github.com/trpc/trpc.git --path packages/next/skills/nextjs-app-routergh skill install trpc/trpc nextjs-app-routergit clone --depth 1 https://github.com/trpc/trpc /tmp/trpc__trpc
mkdir -p ~/.claude/skills ~/.agents/skills
cp -R /tmp/trpc__trpc/packages/next/skills/nextjs-app-router ~/.claude/skills/nextjs-app-router # Claude Code
cp -R /tmp/trpc__trpc/packages/next/skills/nextjs-app-router ~/.agents/skills/nextjs-app-router # Codex, Cursor, Gemini CLI, Copilot, OpenCode