Example Apps

info

Some of the examples on this page are out-of-date since V10. We'll update this soon.

You can clone trpc and play with local examples, or play with them in the CodeSandbox link below.

Here's some example apps:

Description	URL	Links
Recommended: Next.js starter with Prisma, E2E testing, & ESLint Quick start with create-next-app yarn create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter	nextjs.trpc.io	Source
zART-stack example (zero-API, TypeScript, React). Monorepo setup with React Native, Next.js, & Prisma Quick start with git clone git clone git@github.com:KATT/zart.git	n/a	Source
Next.js starter with Prisma, E2E testing, ESLint, Auth using next-auth, WebSockets, & Subscription support Quick start with create-next-app yarn create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter-websockets trpc-prisma-starter-websockets	websockets.trpc.io	CodeSandbox Source
Next.js TodoMVC-example with SSG & Prisma. Quick start with create-next-app yarn create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo	todomvc.trpc.io	CodeSandbox Source
Minimal (Hello world) server and client in node.js	n/a	Source
Vanilla standalone server & procedure calls with node.js	n/a	CodeSandbox Source
Express server & procedure calls with node.js.	n/a	CodeSandbox Source
Fastify server with WebSocket & procedure calls with node.js.	n/a	CodeSandbox Source
SvelteKit Example Application with Prisma.	n/a	CodeSandbox Source
Cloudflare Workers example	n/a	Source
Express server with tRPC Shield + Prisma Quick start with create-trpc-appx npx create-trpc-appx --example https://github.com/omar-dulaimi/trpc-shield/tree/master/example	n/a	Source