tRPC + TanStack Query + Next.js App Router

End-to-end typesafe APIs for Next.js using tRPC v11 with @trpc/tanstack-react-query adapter.

Core Setup

• setup - Full setup from scratch with all modules
• routers - Creating routers, procedures, middleware
• client-usage - Queries, mutations, useUtils in client components
• server-usage - Prefetching, hydration, getCaller in server components

Optional Integrations

• better-auth-integration - Add session/user to tRPC context with Better Auth
• optimistic-updates - Update UI before server confirms
• infinite-queries - Cursor-based pagination
• subscriptions - WebSocket real-time updates

How to Use