https://github.com/trpc/examples-next-prisma-websockets-starter

🏓 tRPC Next.js WebSocket Starter
https://github.com/trpc/examples-next-prisma-websockets-starter

Last synced: about 6 hours ago
JSON representation

🏓 tRPC Next.js WebSocket Starter

• Host: GitHub
• URL: https://github.com/trpc/examples-next-prisma-websockets-starter
• Owner: trpc
• Created: 2021-07-04T01:13:47.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-01-11T01:43:32.000Z (8 days ago)
• Last Synced: 2025-01-12T03:34:40.363Z (7 days ago)
• Language: TypeScript
• Homepage: https://github.com/trpc/trpc/tree/main/examples/next-prisma-starter-websockets
• Size: 3.95 MB
• Stars: 447
• Watchers: 10
• Forks: 74
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

• awesome - trpc/examples-next-prisma-websockets-starter - 🏓 tRPC Next.js WebSocket Starter (TypeScript)

README

        
# Prisma + tRPC + WebSockets

Try demo http://websockets.trpc.io/

## Features

- 🧙‍♂️ E2E type safety with [tRPC](https://trpc.io)

- ⚡ Full-stack React with Next.js

- ⚡ WebSockets / Subscription support

- ⚡ Database with Prisma

- 🔐 Authorization using [next-auth](https://next-auth.js.org/)

- ⚙️ VSCode extensions

- 🎨 ESLint + Prettier

- 💚 CI setup using GitHub Actions:

  - ✅ E2E testing with [Playwright](https://playwright.dev/)

  - ✅ Linting

## Setup

```bash

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

```

## Files of note

  

    

      Path

      Description

    

  

  

    

      ./prisma/schema.prisma

      Prisma schema

    

    

      ./src/api/trpc/[trpc].tsx

      tRPC response handler

    

    

      ./src/server/routers

      Your app's different tRPC-routers

    

  

## Commands

```bash

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](https://twitter.com/alexdotjs).