Aplicaciones de ejemplo

Traducción Beta No Oficial

Esta página fue traducida por PageTurner AI (beta). No está respaldada oficialmente por el proyecto. ¿Encontraste un error? Reportar problema →

nota

Aunque es posible instalar los ejemplos usando cualquiera de los gestores de paquetes listados, todos los ejemplos están configurados para usar pnpm como ejecutor de scripts, así que asegúrate de instalarlo primero.

Si deseas usar npm o yarn, asegúrate de actualizar las entradas correspondientes en scripts del package.json en el ejemplo generado.

---

Plantilla Next.js con Prisma, pruebas E2E y ESLint (Recomendada)

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

• Despliegue de ejemplo: nextjs.trpc.io

• Código fuente

---

create-t3-turbo - Stack T3 con Expo y 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

• Código fuente

---

Plantilla Next.js con Prisma, pruebas E2E, ESLint, next-auth, WebSockets y suscripciones

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

• Despliegue de ejemplo: websockets.trpc.io

• CodeSandbox

• Código fuente

---

Ejemplo Todo MVC con Next.js, SSG y 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

• Despliegue de ejemplo: todomvc.trpc.io

• CodeSandbox

• Código fuente

---

Servidor y cliente mínimos (Hello world) en Node.js

• Código fuente

---

Servidor independiente Vanilla y llamadas a procedimientos en Node.js

• CodeSandbox

• Código fuente

---

Servidor Express y llamadas a procedimientos en Node.js

• CodeSandbox

• Código fuente

---

Servidor Fastify con WebSockets y llamadas a procedimientos en Node.js

• CodeSandbox

• Código fuente

---

SvelteKit con Prisma

• CodeSandbox

• Código fuente

---

TanStack Start (Alpha)

• Código fuente

---

Autenticación Sign-In With Ethereum con Express

git

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

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

• Código fuente

---

Repositorios separados para backend y frontend

• Código fuente - Repositorio BE (Express.js)

• Código fuente - Repositorio FE (Vite)