skills.rest
Nevaberry
NevaberryOFFICIAL
Explore all skills by this author →
Website𝕏@NevaberrycomGitHub

trpc-knowledge-patch

Guide tRPC v10 to v11 migrations with TypeScript and Node requirements.

22|Updated Jan 22, 2026
Search Tags:#subscriptions#migration#streaming#trpc#server-actions#tanstack-react-query#knowledge-patch
One-click install
npx skills add https://github.com/Nevaberry/nevaberry-plugins --skill trpc-knowledge-patch
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: trpc-knowledge-patch
Source: https://github.com/Nevaberry/nevaberry-plugins/tree/main/plugins/trpc-knowledge-patch/skills/trpc-knowledge-patch
Command: npx skills add https://github.com/Nevaberry/nevaberry-plugins --skill trpc-knowledge-patch

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

This knowledge patch closes the gap between model training cutoff knowledge and tRPC v11 changes so developers avoid deprecated patterns, runtime mismatches, and broken implementations when writing or migrating tRPC code.

Core Features & Use Cases

  • Migration Guidance: Summarizes breaking changes and migration steps such as moving transformers into links, renaming client constructors, and required TypeScript and Node versions.
  • Realtime & Streaming Patterns: Documents SSE-based async generator subscriptions, tracked() reconnection semantics, httpSubscriptionLink setup, and httpBatchStreamLink streaming queries and embedded promises.
  • React & Next.js Integration: Explains @trpc/tanstack-react-query option factories, createTRPCOptionsProxy for RSC/singletons, and experimental_caller usage for Next.js server actions.
  • Use Case: Ideal for backend and full-stack engineers migrating a tRPC v10 project to v11, implementing durable SSE subscriptions, streaming endpoints, or adopting TanStack Query v5 patterns.

Quick Start

Load the trpc-knowledge-patch and request step-by-step migration instructions to upgrade an existing tRPC v10 codebase to v11, including subscription, streaming, and TanStack Query integration details.

Frequently Asked Questions about trpc-knowledge-patch

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I migrate my tRPC v10 project to v11?▼

Realtime tRPC v11 subscriptions use SSE-based async generators and httpSubscriptionLink, replacing older v10 WebSocket patterns. Reconnection semantics are handled via tracked(), and streaming queries utilize httpBatchStreamLink to resolve embedded promises efficiently over HTTP.

Does tRPC v11 work with TanStack React Query v5?▼

Yes, tRPC v11 integrates with TanStack React Query v5 using the @trpc/tanstack-react-query option APIs. You can leverage option factories and createTRPCOptionsProxy for RSC singletons to manage server state and data fetching effectively in your Next.js app directory.

How do I use tRPC server actions in the Next.js app directory?▼

To use tRPC server actions in the Next.js app directory, implement experimental_caller usage within your server-side setups. This pattern allows direct tRPC procedure calls from server components and actions while maintaining full type safety across your client and server boundaries.

What are the TypeScript and Node.js requirements for tRPC v11?▼

Streaming tRPC v11 responses use httpBatchStreamLink to handle streaming queries and embedded promises. If streaming is not working, verify your link-based transformer configuration is correct and that your client setup properly handles asynchronous generator responses.

Related Skills

Explore More Software Engineering Skills→
petbrainspetbrains
13

backend-trpc

Create end-to-end type-safe APIs between TypeScript client and server.

Official
Intermediate
RsultCodingRsultCoding

validate-ui

Validate Archon Web UI end-to-end behavior across dashboard, chat, workflows, and SSE.

Community
Advanced
AleksanderEvensenAleksanderEvensen

tanstack-query

Manage React server state with TanStack Query v5 data fetching.

Community
Advanced
flaviogragnolatiflaviogragnolati

subscriptions

Set up real-time event streams with async generator subscriptions and SSE.

Community
Intermediate