跳到主要內容
版本：11.x

超棒的 tRPC 收藏

tRPC 的資源集合。

請編輯此頁面並新增您自己的連結！ 🙏

🧩 擴充功能和社群附加元件​

擴充功能​

說明連結
tRPC 面板會自動產生一個 UI，用於手動測試您的 tRPC 後端https://github.com/iway1/trpc-panel
tRPC-OpenAPI - OpenAPI 和 REST 支援您的 tRPC 路由器https://github.com/jlalmes/trpc-openapi
tRPC Client Devtools 瀏覽器擴充功能https://github.com/rhenriquez28/trpc-client-devtools
tRPC Playground - 沙盒，用於在瀏覽器中測試 tRPC 查詢https://github.com/sachinraja/trpc-playground
tRPC-Chrome - Web 擴充功能訊息支援 tRPChttps://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
SolidJS 的 tRPC 用戶端，搭配 Solid Queryhttps://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 - 使用一個指令建立由 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 - Jotai 包覆 tRPC 原生用戶端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 - Electron 支援 tRPChttps://github.com/jsonnull/electron-trpc
cloudflare-pages-plugin-trpc - 使用 Cloudflare Pages 函式快速建立 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 - 使用 T3 堆栈和 Expo React Native 的干净且简单的入门储存库http://github.com/t3-oss/create-t3-turbo
create-t3-app - 使用 T3 堆栈（Next.js、tRPC、Tailwind CSS、Prisma）建立入门专案https://create.t3.gg
WebSocket 入门专案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 单一储存库 + tRPC + Prismahttps://github.com/nowlena/nx-trpc-test
tRPC（含 Fetch 适配器）+ SvelteKit + Tailwind CSShttps://github.com/austins/trpc-sveltekit-fetchadapter-example
以太坊登入 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
以太坊去中心化应用程式范例（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 民意調查替代方案。https://github.com/lukevella/rallly
Hilde - 像是桌上足球、空氣曲棍球等遊戲的配對應用程式https://github.com/nehalist/hilde
Answer Overflow - Discord 機器人，將說明頻道的內容索引到 Googlehttps://github.com/AnswerOverflow/AnswerOverflow
Prisma Editor - 強大的工具，用於視覺化和編輯 Prisma Schemahttps://github.com/mohammed-bahumaish/prisma-editor
Saleor Apps - Saleor Commerce 的官方應用程式/整合https://github.com/saleor/apps
Rao Pics App - 在任何裝置上瀏覽照片。支援 MacOS/Windowshttps://github.com/rao-pics/rao-pics
Tianji - 一站式洞察中心。Tianji = 網站分析 + 正常運行時間監控 + 伺服器狀態https://github.com/msgbyte/tianji
Workplacify - 辦公桌排程軟體，適用於混合和辦公室團隊https://workplacify.com/
Dotfyle - 探索和分享 Neovim 外掛程式https://dotfyle.com/