Skip to main content
Version: 10.x

Example Apps

note

Although it is possible to install the examples using any of listed package managers, the examples are all configured to use pnpm as the script runner, so make sure to install it first.

If you wish to use npm or yarn, make sure to update the relevant package.json scripts entries in generated example.


bash
npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter
bash
npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter

create-t3-turbo - T3 Stack with Expo and Turborepo

bash
git clone git@github.com:t3-oss/create-t3-turbo.git
bash
git clone git@github.com:t3-oss/create-t3-turbo.git

Next.js starter with Prisma, E2E testing, ESLint, next-auth, WebSockets, and subscriptions

bash
npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter
bash
npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter

Next.js Todo MVC example with SSG and Prisma

bash
npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo
bash
npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo

Minimal (Hello world) server and client in Node.js


Vanilla standalone server and Node.js procedure calls


Express server and Node.js procedure calls


Fastify server with WebSockets and Node.js procedure calls


SvelteKit with Prisma


Sign-In With Ethereum Authentication With Express

bash
git clone git@github.com:codingwithmanny/trpc-siwe-monorepo.git
bash
git clone git@github.com:codingwithmanny/trpc-siwe-monorepo.git

Separate backend & frontend repositories