Example Apps

---

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

• 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

• 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
npx create-next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-todomvc trpc-todo

sh
npx create-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

---

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