Awesome tRPC Collection 🧩 Extensions & community add-ons 🍀 Starting points, example projects, etc 🏁 Open-source projects using tRPC 🎬 Videos - conference talks, etc 🎙 Podcast E...

Usage with Next.js tip Recommended file structure Add tRPC to existing Next.js project 1. Install deps 2. Create a tRPC router 3. Create tRPC hooks 4. Configure _app.tsx 5....

Usage with Express.js Example app How to add tRPC to existing Express.js project 1. Install deps 2. Create a tRPC router 3. Use the Express.js adapter Usage with Express.js...

useQuery() Example useQuery() The hooks provided by @trpc/react are a thin wrapper around React Query. For in-depth information about options and usage patterns, refer to the...

Vanilla client Initialize a tRPC client Vanilla client The magic of tRPC is making strongly typed API calls without relying on code generation. With full-stack TypeScript proje...

useMutation() Example useMutation() The hooks provided by @trpc/react are a thin wrapper around React Query. For in-depth information about options and usage patterns, refer ...

Usage with Next.js tip Recommended file structure Add tRPC to existing Next.js project 1. Install deps 2. Enable strict mode 3. Create a tRPC router 4. Create tRPC hooks 5. ...

Server-Side Rendering Caveats Server-Side Rendering The only thing you need to do to get SSR on your application is to set ssr: true in your _app.tsx , but it comes with some ...

Further Reading Who is this for? Relationship to GraphQL Differences to Blitz.js Benefits with tRPC Benefits with Blitz.js Potential Collaboration between Blitz and tRPC ...

useInfiniteQuery info Example Procedure Example React Component Helpers getInfiniteQueryData() setInfiniteQueryData() useInfiniteQuery info Your procedure needs to acc...