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.

---

Next.js starter with Prisma, E2E testing, and ESLint (Recommended)

npm

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

yarn

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

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

pnpm

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

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

bun

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

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

deno

sh
deno init --npm next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter

sh
deno init --npm next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-starter trpc-prisma-starter

• Example deploy: nextjs.trpc.io
• Source code

---

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

git

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

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

• Source code

---

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

npm

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

yarn

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

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

pnpm

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

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

bun

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

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

deno

sh
deno init --npm create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter

sh
deno init --npm create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter

• Example deploy: websockets.trpc.io
• CodeSandbox
• Source code

---

Next.js Todo MVC example with SSG and Prisma

npm

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

yarn

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

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

pnpm

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

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

bun

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

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

deno

sh
deno init --npm next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo

sh
deno init --npm next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo

• Example deploy: todomvc.trpc.io
• CodeSandbox
• Source code

---

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

• Source code

---

Vanilla standalone server and Node.js procedure calls

• CodeSandbox
• Source code

---

Express server and Node.js procedure calls

• CodeSandbox
• Source code

---

Fastify server with WebSockets and Node.js procedure calls

• CodeSandbox
• Source code

---

SvelteKit with Prisma

• CodeSandbox
• Source code

---

TanStack Start (Alpha)

• Source code

---

Sign-In With Ethereum Authentication With Express

git

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

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

• Source code

---

Separate backend & frontend repositories

• Source code - BE repo (Express.js)
• Source code - FE repo (Vite)