Try demo http://websockets.trpc.io/
- 🧙♂️ E2E type safety with tRPC
- ⚡ Full-stack React with Next.js
- ⚡ WebSockets / Subscription support
- ⚡ Database with Prisma
- 🔐 Authorization using next-auth
- ⚙️ VSCode extensions
- 🎨 ESLint + Prettier
- 💚 CI setup using GitHub Actions:
- ✅ E2E testing with Playwright
- ✅ Linting
pnpm create next-app --example https://github.com/trpc/trpc --example-path examples/next-prisma-websockets-starter trpc-prisma-websockets-starter
cd trpc-prisma-websockets-starter
pnpm i
pnpm dx
Path | Description |
---|---|
./prisma/schema.prisma |
Prisma schema |
./src/api/trpc/[trpc].tsx |
tRPC response handler |
./src/server/routers |
Your app's different tRPC-routers |
pnpm build # runs `prisma generate` + `prisma migrate` + `next build`
pnpm db-nuke # resets local db
pnpm dev # starts next.js + WebSocket server
pnpm dx # starts postgres db + runs migrations + seeds + starts next.js
pnpm test-dev # runs e2e tests on dev
pnpm test-start # runs e2e tests on `next start` - build required before
pnpm test:unit # runs normal Vitest unit tests
pnpm test:e2e # runs e2e tests
Created by @alexdotjs.