본문으로 건너뛰기
버전: 11.x

훌륭한 tRPC 컬렉션

tRPC에 관한 리소스 모음입니다.

반드시 이 페이지를 편집하여 링크를 추가해 주세요! 🙏

🧩 확장 및 커뮤니티 추가 기능

확장

설명링크
tRPC Docs Generator - tRPC API용 인터랙티브 문서 자동 생성https://github.com/liorcodev/trpc-docs-generator
tRPC-ui - tRPC 백엔드를 수동으로 테스트하기 위한 UI 자동 생성https://github.com/aidansunbury/trpc-ui
trpc-to-openapi - tRPC 라우터용 OpenAPI 및 REST 지원https://github.com/mcampa/trpc-to-openapi
tRPC Client Devtools 브라우저 확장https://github.com/rhenriquez28/trpc-client-devtools
tRPC Playground - 브라우저에서 tRPC 쿼리를 테스트할 수 있는 샌드박스https://github.com/sachinraja/trpc-playground
tRPC-Chrome - tRPC용 웹 확장 메시징 지원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-cli - tRPC 라우터를 타입 안전하고 완전히 문서화된 CLI로 변환https://github.com/mmkal/trpc-cli
trpc-live - tRPC용 라이브 쿼리 솔루션https://github.com/strblr/trpc-live
trpc-navigation-plugin - 선언 파일 출력 시 goto-definition 문제 수정https://github.com/ebg1223/trpc-navigation-plugin
oRPC - tRPC 라우터용 OpenAPI 지원https://orpc.unnoq.com/docs/openapi/integrations/trpc
Prisma tRPC Generator - Prisma 스키마에서 tRPC 라우터 자동 생성https://github.com/omar-dulaimi/prisma-trpc-generator
tRPC Shield - tRPC용 권한 시스템https://github.com/omar-dulaimi/trpc-shield
Prisma tRPC Shield Generator - Prisma 스키마에서 tRPC Shield 권한 생성https://github.com/omar-dulaimi/prisma-trpc-shield-generator
trpc-to-mcp - tRPC 라우터를 MCP 도구, 서버 및 핸들러로 변환https://github.com/iboughtbed/trpc-to-mcp
tRPC Studio - 입력 폼, Try It Out, 출력 타입 시각화 및 CLI 추출기가 포함된 Swagger 유사 UIhttps://github.com/sayefdeen/trpc-studio

프론트엔드 프레임워크

설명링크
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 W/ Solid Query용 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 - 한 명령어로 tRPC 기반 앱을 생성합니다https://github.com/omar-dulaimi/create-trpc-app
viteRPC - Vite 기반 모노레포 템플릿(Vite, tRPC, Tailwind CSS)https://github.com/mnik01/viteRPC
Start UI [web] - 의견이 담긴 프론트엔드 스타터(tRPC, Prisma, Next.js, Chakra UI)https://github.com/bearstudio/start-ui-web
Nx Plugin for AWS - Nx를 사용하여 tRPC 프로젝트를 생성하고 CDK 또는 Terraform으로 AWS에 배포합니다https://awslabs.github.io/nx-plugin-for-aws/en/guides/trpc/

라이브러리 어댑터

설명링크
tRPC-uWebSockets - uWebSockets.js 서버용 어댑터https://github.com/romanzy-1612/trpc-uwebsockets
jotai-trpc - tRPC 바닐라 클라이언트를 감싸는 Jotai 래퍼https://github.com/jotai-labs/jotai-trpc
trpc-zustand - tRPC 클라이언트를 감싸는 Zustand 래퍼https://github.com/strblr/trpc-zustand
@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
trpc-redis - Redis를 전송 계층으로 사용하는 tRPC 어댑터https://github.com/cobeo2004/trpc-redis
NestJS-tRPC - NestJS 내에서 tRPC를 사용하여 엔드투엔드 타입 안전한 API를 구축하는 의견이 담긴 접근 방식.https://www.nestjs-trpc.io/

🍀 시작점, 예제 프로젝트 등

설명링크
추천: Prisma, Next.js, tRPC, E2E 테스트가 포함된 스타터 프로젝트https://github.com/trpc/examples-next-prisma-starter
create-t3-turbo - T3 스택과 Expo React Native를 사용하는 깔끔하고 단순한 스타터 저장소https://github.com/t3-oss/create-t3-turbo
SSE를 사용하는 구독 스타터 프로젝트https://github.com/trpc/examples-next-sse-chat
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 어댑터 포함) + 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 할 일 예제 프로젝트 (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
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
Yarn Workspaces + ESLint + CSpell + Commitlint + Lefthook + tRPC + React Query + Vitehttps://github.com/sotnikov-link/yarn-workspaces-eslint-cspell-commitlint-lefthook-template
풀스택 SaaS 보일러플레이트: Trpc Fastify Reacthttps://github.com/alan345/Fullstack-SaaS-Boilerplate
Fastify, Prisma, Redis(또는 타입 안전 이벤트 에미터) 및 PostgreSQL을 사용하는 tRPC 실시간 서버https://github.com/cobeo2004/trpc-fastify
공개 tRPC API 구축: trpc-openapi vs ts-resthttps://catalins.tech/public-api-trpc/
Next.js + Expo + tRPC Monorepo 보일러플레이트https://github.com/monsieursam/boilerplate-next-expo-trpc
Next.js + Express + BetterAuth + Prisma + bun + shadcn + tRPC Monorepo 보일러플레이트https://github.com/KitsuneKode/template-nextjs-express-trpc-better-auth-monorepo

🏁 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 - 도움말 채널 콘텐츠를 Google에 색인화하는 Discord 봇https://github.com/AnswerOverflow/AnswerOverflow
Prisma Editor - Prisma 스키마를 시각화하고 편집할 수 있는 강력한 도구https://github.com/mohammed-bahumaish/prisma-editor
Saleor Apps - Saleor 커머스를 위한 공식 앱/통합https://github.com/saleor/apps
Rao Pics App - 모든 기기에서 사진 방문. MacOS/Windows 지원https://github.com/rao-pics/rao-pics
Tianji - 올인원 인사이트 허브. Tianji = 웹사이트 분석 + 가동 시간 모니터링 + 서버 상태https://github.com/msgbyte/tianji
Workplacify - 하이브리드 및 사무실 팀을 위한 데스크 스케줄링 소프트웨어https://workplacify.com/
Dotfyle - Neovim 플러그인을 발견하고 공유https://dotfyle.com/
ConvoForm - AI 기반 대화형 양식 생성https://www.convoform.com/