tRPC v11は長らく@nextタグを通じてプロダクション環境で使用可能でしたが、私たちはセマンティックバージョニングに厳密にならずに新機能を追加することに夢中になってしまいました。ついに今日、私たちはこのバンドエイドをはがす決断をし、tRPC v11の正式リリースを発表できることを大変嬉しく思います！

tRPCのnextリリースで、新たなTanStack React Query統合が利用可能になりましたことをお知らせします。従来のReact Query統合と比較して、よりシンプルでTanStack Queryネイティブなアプローチを採用しており、独自クライアントでuseQueryやuseMutationをラップする代わりに、TanStack React QueryネイティブのQueryOptionsやMutationOptionsインターフェースを直接利用します。

tRPC v10で導入されたプロシージャ作成のビルダーパターンはコミュニティから高く評価され、多くのライブラリが同様のパターンを採用しています。このパターンの人気が高まっている証拠に、tRPC like XYZという用語まで生まれました。実際、先日tRPCと似たAPIでCLIアプリケーションを作る方法はないかという投稿も見かけました。ちなみに、tRPCを直接使って実現する方法もありますが、今日のテーマはそれではなく、Next.jsのServer ActionsをtRPCで活用する方法についてです。

tRPCがどのように動作するか考えたことはありますか？プロジェクトへの貢献を始めたいけれど、内部実装に怖気づいていませんか？この記事では、tRPCの主要な仕組みをカバーする最小限のクライアントを作成することで、tRPCの内部実装に親しむことを目的としています。

ライブラリ作者としての私たちの目標は、開発者仲間のために最高の開発者体験（DX）を提供することです。エラー発生までの時間を短縮し、直感的なAPIを提供することで、開発者の精神的負担を軽減し、最も重要なことに集中できるようにします。それは素晴らしいエンドユーザー体験の実現です。

tRPCはTypeScriptの力を活用した厳密なフルスタック型バインディングにより、優れた開発者体験を提供します。API契約の乖離やコード生成は不要です。

tRPCは（Node.js）サーバーからクライアントまでエンドツーエンドの型安全性を提供します。しかも_型を宣言する必要すらありません_。バックエンドで行うのは関数内でデータを返すことだけ。フロントエンドではエンドポイント名に基づいてそのデータを使用するだけです。