Next.js + tRPC + Prisma

Todo app with end-to-end types: Next.js App Router, tRPC and Prisma on Postgres.

TypeScriptFull-stackPostgres

Get the AI prompt

What you can build with it

Data-heavy internal apps where types matter
Multi-screen tools sharing one API
Apps your AI edits often — the types catch its mistakes

What's inside

tRPC router
Prisma schema
Typed client calls from React

Before you deploy

Add a managed Postgres with elula init --database; the connection string is injected as DATABASE_URL.

Source

github.com/prisma/prisma-examples/tree/latest/orm/nextjs-trpc

Start with your AI

Paste this into Claude Code, Cursor, Codex or another AI coding assistant. It copies the template into your own private repo, deploys it to Elula and gives you the live URL.

Start a new project from the Next.js + tRPC + Prisma template at https://github.com/prisma/prisma-examples/tree/latest/orm/nextjs-trpc and deploy it to Elula: copy the folder into a new private GitHub repo, install the Elula CLI if needed, then run elula init --database and elula deploy --no-wait. A deploy takes a few minutes: run elula status --wait 60 until it says Live, and tell me which step it's on each time. Run elula docs if anything is unclear. Give me the live URL.

View on GitHub

Deploy on Elula

Prefer the terminal? Start your own private copy and ship it with the CLI.

npx degit prisma/prisma-examples/orm/nextjs-trpc#latest my-nextjs-trpc
cd my-nextjs-trpc && git init && git add -A && git commit -m "Start from the Next.js + tRPC + Prisma template"
gh repo create my-nextjs-trpc --private --source . --push
elula init --database
elula deploy

Deploy from the dashboard Install the CLI

Clone the repo

Grab just this template's folder and run it locally.

git clone --depth 1 --filter=blob:none --sparse -b latest https://github.com/prisma/prisma-examples.git
cd prisma-examples && git sparse-checkout set orm/nextjs-trpc
cd orm/nextjs-trpc