メインコンテンツへスキップ
バージョン: 11.x

素晴らしいtRPCコレクション

tRPCに関するリソースのコレクションです。

ぜひこのページを編集して、あなた自身のリンクを追加してください！🙏

🧩 拡張機能とコミュニティアドオン​

拡張機能​

説明リンク
tRPCパネルは、tRPCバックエンドを手動でテストするためのUIを自動的に生成しますhttps://github.com/iway1/trpc-panel
tRPC-OpenAPI - tRPCルーターのOpenAPIとRESTのサポートhttps://github.com/jlalmes/trpc-openapi
tRPCクライアント開発ツールブラウザ拡張機能https://github.com/rhenriquez28/trpc-client-devtools
tRPC Playground - ブラウザでtRPCクエリをテストするためのサンドボックスhttps://github.com/sachinraja/trpc-playground
tRPC-Chrome - tRPCのWeb拡張機能メッセージングサポートhttps://github.com/jlalmes/trpc-chrome
Step CI - 自動化されたAPIテストと品質保証https://github.com/stepci/stepci
msw-trpc - MSWのtRPCサポートhttps://github.com/maloguertin/msw-trpc

フロントエンドフレームワーク​

説明リンク
tRPC-SvelteKit - SvelteKit tRPC拡張機能https://github.com/icflorescu/trpc-sveltekit
tRPC-Remix - Remix用のアダプターhttps://github.com/ggrandi/trpc-remix
tRPC-Remix-Call - Remix用のクライアント側およびサーバー側の呼び出しhttps://github.com/simonboisset/trpc-remix-call
Solid Queryを使用したSolidJS用のtRPCクライアントhttps://github.com/OrJDev/solid-trpc
SolidStart用のtRPC APIハンドラーhttps://github.com/OrJDev/solid-start-trpc
tRPC-nuxt - Nuxt 3モジュールhttps://github.com/wobsoriano/trpc-nuxt

ブートストラッパー​

説明リンク
create-t3-app - T3スタック (Next.js、tRPC、Tailwind CSS、Prisma) を使用したスタータープロジェクトをスキャフォールドしますhttps://create.t3.gg
sidebase - sidebase (Nuxt 3、tRPC、Tailwind CSS、Prisma) を使用したスタータープロジェクトをスキャフォールドしますhttps://sidebase.io
Create JD App - JDスタック (SolidStart、tRPC、Tailwind、Prisma) を使用したスタータープロジェクトをスキャフォールドしますhttps://github.com/OrJDev/create-jd-app
Create tRPC App - 1つのコマンドでtRPC駆動のアプリを作成https://github.com/omar-dulaimi/create-trpc-app
viteRPC - Vite (Vite、tRPC、Tailwind CSS) を搭載したモノレポテンプレートhttps://github.com/mnik01/viteRPC

ライブラリアダプター​

説明リンク
tRPC-uWebSockets - uWebSockets.jsサーバー用のアダプターhttps://github.com/romanzy-1612/trpc-uwebsockets
jotai-trpc - tRPCバニラクライアントのJotaiラッパーhttps://github.com/jotai-labs/jotai-trpc
@h4ad/serverless-adapter - tRPCをAWS SQS、AWS API Gateway、その他多くのイベントソースに接続します。https://viniciusl.com.br/serverless-adapter/docs/main/frameworks/trpc
trpc-koa-adapter - Koaサーバー用のtRPCアダプターhttps://github.com/BlairCurrey/trpc-koa-adapter
tRPC - iron-sessionhttps://github.com/parkgang/trpc-iron-session
electron-trpc - tRPCのElectronサポートhttps://github.com/jsonnull/electron-trpc
cloudflare-pages-plugin-trpc - Cloudflare Pages FunctionでtRPCサーバーをすばやく作成https://github.com/toyamarinyon/cloudflare-pages-plugin-trpc
ZenStack - フルスタックツールキットはPrismaにアクセス制御を追加し、スキーマからtrpcルーターを生成しますhttps://github.com/zenstackhq/zenstack
tRPC-SWR - VercelのSWRクライアント用のtRPCアダプターhttps://trpc-swr.vercel.app/
trpc-rtk-query - tRPC設定からRTK Query apiエンドポイントを自動的に生成https://github.com/otahontas/trpc-rtk-query
k6-trpc - k6互換のtRPCクライアントhttps://github.com/dextertanyj/k6-trpc
trpc-token-refresh-link - アクセストークンとリフレッシュトークンをリフレッシュするリンクhttps://github.com/larskarbo/trpc-token-refresh-link
trpc-bun-adapter - Bunランタイム環境用のtRPCアダプターhttps://github.com/cah4a/trpc-bun-adapter
trpc-rabbitmq - トランスポート層としてRabbitMQを使用するtRPCアダプターhttps://github.com/imxeno/trpc-rabbitmq
trpc-mqtt - トランスポート層としてMQTTを使用するtRPCアダプターhttps://github.com/edorgeville/trpc-mqtt

🍀 開始点、サンプルプロジェクトなど​

説明リンク
推奨: Prisma、Next.js、tRPC、E2Eテストを備えたスタータープロジェクトhttps://github.com/trpc/examples-next-prisma-starter
create-t3-turbo - Expo React Nativeと一緒にT3スタックを使用するクリーンでシンプルなスターターリポジトリhttp://github.com/t3-oss/create-t3-turbo
create-t3-app - T3スタック (Next.js、tRPC、Tailwind CSS、Prisma) を使用したスタータープロジェクトをスキャフォールドしますhttps://create.t3.gg
WebSocketsスタータープロジェクトhttps://github.com/trpc/examples-next-prisma-starter-websockets
tRPC Kitchen Sink - tRPCの使用パターンのコレクション。https://github.com/trpc/examples-kitchen-sink
Turborepo + Expo + tRPC スターターhttps://github.com/gunnnnii/turbo-expo-trpc-starter
tRPC-SvelteKitサンプルアプリケーションhttps://github.com/icflorescu/trpc-sveltekit-example
tRPC + Ultrahttps://github.com/sachinraja/trpc-ultra
Nx Monorepo + tRPC + Prismahttps://github.com/nowlena/nx-trpc-test
tRPC (Fetch Adapter付き) + SvelteKit + Tailwind CSShttps://github.com/austins/trpc-sveltekit-fetchadapter-example
Sign-In With Ethereum tRPC + ViteJS Reacthttps://github.com/codingwithmanny/trpc-siwe-monorepo
tRPC + Vue3 todoサンプルプロジェクト (tRPC、Express.js、Vue3、Prisma、vue-query)https://github.com/guushamann/Todo-tRPC-Vue3
Vite + Svelte + tRPChttps://github.com/mishankov/vite-svelte-trpc
V3 - T3に触発されたNuxtスタックhttps://github.com/CRBroughton/V3
sidebase - sidebase (Nuxt 3、tRPC、Tailwind CSS、Prisma) を使用したスタータープロジェクトをスキャフォールドしますhttps://sidebase.io
Twitterクローン - T3スタック + NextAuth + Supabase + Prismaで構築されたシンプルなTwitterクローンhttps://github.com/AlandSleman/t3-twitter-clone
バックエンドとフロントエンドのリポジトリを分離https://github.com/mkosir/trpc-api-boilerplate
tRPC + Deno + freshhttps://github.com/LunaTK/fresh-trpc-example
Ethereum分散型アプリケーションの例 (Next.js、tRPC、Ethers、Hardhat、Solidity)https://github.com/tr1sm0s1n/next-trpc-dapp

🏁 tRPCを使用しているオープンソースプロジェクト​

説明リンク
Cal.com - スケジューリングインフラストラクチャhttps://github.com/calcom/cal.com
Skill Recordings - Matt Pocock、Kent C Dodds、Dan Abramovなどによるコースをホストしていますhttps://github.com/skillrecordings/products
SST - サーバーレスアプリを簡単に構築できるフレームワーク。https://github.com/serverless-stack/sst
Beam - 組織またはプロジェクト用のシンプルなメッセージボード。https://github.com/planetscale/beam
Rallly - 自己ホスト可能なdoodle pollの代替。https://github.com/lukevella/rallly
Hilde - フーズボール、エアホッケーなどのゲームのマッチングアプリhttps://github.com/nehalist/hilde
Answer Overflow - ヘルプチャネルのコンテンツをGoogleにインデックス化するDiscordボットhttps://github.com/AnswerOverflow/AnswerOverflow
Prisma Editor - Prisma Schemaを視覚化および編集するための強力なツールhttps://github.com/mohammed-bahumaish/prisma-editor
Saleor Apps - Saleor Commerceの公式アプリ/統合https://github.com/saleor/apps
Rao Pics App - どのデバイスでも写真を閲覧できます。 MacOS/Windowsをサポートhttps://github.com/rao-pics/rao-pics
Tianji - オールインワンのインサイトハブ。 Tianji = Webサイト分析 + アップタイムモニター + サーバーステータスhttps://github.com/msgbyte/tianji
Workplacify - ハイブリッドチームとオフィス内チーム向けのデスクスケジューリングソフトウェアhttps://workplacify.com/
Dotfyle - Neovimプラグインを発見して共有するhttps://dotfyle.com/