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
- yarn
- pnpm
- bun
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
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
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
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
- 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
Next.js starter with Prisma, E2E testing, ESLint, next-auth, WebSockets, and subscriptions
- npm
- yarn
- pnpm
- bun
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
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
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
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
- Example deploy: websockets.trpc.io
- CodeSandbox
- Source code
Next.js Todo MVC example with SSG and Prisma
- npm
- yarn
- pnpm
- bun
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
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
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
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
- Example deploy: todomvc.trpc.io
- CodeSandbox
- Source code
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
- git
bash
git clone git@github.com:codingwithmanny/trpc-siwe-monorepo.git
bash
git clone git@github.com:codingwithmanny/trpc-siwe-monorepo.git