示例应用
非官方测试版翻译
本页面由 PageTurner AI 翻译（测试版）。未经项目官方认可。 发现错误？ 报告问题 →
官方
Node.js
| Example | Description | Links |
|---|---|---|
| Minimal | Hello world server and client | Source · CodeSandbox |
| Standalone Server | Custom HTTP server with WebSocket support | Source · CodeSandbox |
| Content Types | Binary, text, and JSON content type handling | Source · CodeSandbox |
| Lazy Loading | Lazy-loading routes with dynamic imports | Source · CodeSandbox |
| SOA | Service-oriented architecture with multiple tRPC services | Source · CodeSandbox |
| OpenAPI Codegen | Generate a typed REST client from a tRPC router via OpenAPI | Source |
| Kitchen Sink | Comprehensive examples covering many features | Source · CodeSandbox |
React
| Example | Description | Links |
|---|---|---|
| Minimal React | Node.js server + Vite React client monorepo | Source · CodeSandbox |
| Express + React | Express server with React client using React Query | Source · CodeSandbox |
Next.js
| Example | Description | Links |
|---|---|---|
| Prisma Starter | Full-stack with Prisma, E2E testing, ESLint, and Tailwind CSS | Source · Demo · CodeSandbox |
| Minimal Starter | Bare-bones Next.js + tRPC setup | Source · CodeSandbox |
| TodoMVC | TodoMVC with SSG and Prisma | Source · Demo · CodeSandbox |
| WebSockets | Prisma, WebSockets, NextAuth, and subscriptions | Source · Demo · CodeSandbox |
| SSE Chat | Streaming chat with Server-Sent Events and Drizzle ORM | Source · CodeSandbox |
| Big Router | Large router with code generation | Source · CodeSandbox |
| Edge Runtime | tRPC on Next.js Edge Runtime | Source · CodeSandbox |
| FormData | Form handling with React Hook Form and Zod | Source · CodeSandbox |
| WebSocket Encoder | WebSockets with MessagePack binary encoding | Source · CodeSandbox |
Serverless
| Example | Description | Links |
|---|---|---|
| Lambda + API Gateway | AWS Lambda with API Gateway | Source · CodeSandbox |
| Lambda Streaming | AWS Lambda + API Gateway with streaming responses | Source · CodeSandbox |
| Lambda Function URLs | AWS Lambda with Function URLs | Source · CodeSandbox |
| Cloudflare Workers | tRPC on Cloudflare Workers | Source · CodeSandbox |
| Vercel Edge Runtime | tRPC on Vercel Edge Runtime | Source · CodeSandbox |
| Deno Deploy | tRPC client on Deno Deploy | Source · CodeSandbox |
其他生态系统
| Example | Description | Links |
|---|---|---|
| Express | Minimal Express + tRPC setup | Source · CodeSandbox |
| Fastify | Fastify with WebSocket support | Source · CodeSandbox |
| Bun | tRPC server and client on Bun | Source · CodeSandbox |
| Nuxt 3 | Nuxt 3 integration with trpc-nuxt | Source · CodeSandbox |
社区
备注
社区示例由各自作者维护，可能未更新至最新的 tRPC 版本。请查看每个项目的 README 文件以确认版本兼容性。
框架
| Example | Description | Links |
|---|---|---|
| create-t3-turbo | T3 Stack with Expo and Turborepo | Source · CodeSandbox |
| SvelteKit + Prisma | SvelteKit integration with Prisma | Source · CodeSandbox |
集成
| Example | Description | Links |
|---|---|---|
| Separate BE/FE | Separate backend and frontend repositories | Backend (Express) · Frontend (Vite) |