fix(example): fix deployment of websocket example (#3427)

examples/next-prisma-websockets-starter/README.md

@@ -1,10 +1,6 @@
 # Prisma + tRPC + WebSockets
 
-> ℹ️ WebSockets is a beta feature & may change without major version bump ℹ️
-
-
-- Try demo http://websockets.trpc.io/
-
+Try demo http://websockets.trpc.io/
 
 ## Features
 
@@ -35,6 +31,8 @@ yarn dx
 
 The project contains a [`render.yaml`](./render.yaml) [*"Blueprint"*](https://render.com/docs/blueprint-spec) which makes the project easily deployable on [Render](https://render.com/).
 
+The database is setup with a `starter` plan, but you can use a free plan for 90 days.
+
 Go to [dashboard.render.com/blueprints](https://dashboard.render.com/blueprints) and connect to this Blueprint and see how the app and database automatically gets deployed.
 
 You will either need to create an environment group called `trpc-websockets` with environment variables or remove that from `render.yaml` in favor of manual environment variables that overrides the ones in `/.env`.
@@ -67,14 +65,14 @@ You will either need to create an environment group called `trpc-websockets` wit
 ## Commands
 
 ```bash
-yarn build      # runs `prisma generate` + `prisma migrate` + `next build`
-yarn db-nuke    # resets local db
-yarn dev        # starts next.js + WebSocket server
-yarn dx         # starts postgres db + runs migrations + seeds + starts next.js 
-yarn test-dev   # runs e2e tests on dev
-yarn test-start # runs e2e tests on `next start` - build required before
-yarn test:unit  # runs normal jest unit tests
-yarn test:e2e   # runs e2e tests
+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 jest unit tests
+pnpm test:e2e   # runs e2e tests
 ```
 ---
 

examples/next-prisma-websockets-starter/package.json

@@ -2,6 +2,10 @@
   "name": "@examples/next-websockets-starter",
   "version": "10.5.0",
   "private": true,
+  "engines": {
+    "node": "^18.0.0"
+  },
+  "packageManager": "pnpm@7.18.2",
   "scripts": {
     "build:1-generate": "prisma generate",
     "build:2-migrate": "prisma migrate deploy",

examples/next-prisma-websockets-starter/render.yaml

@@ -1,11 +1,17 @@
+previewsEnabled: true
+previewsExpireAfterDays: 7 # automatically delete the environment after the specified number of days of inactivity
 services:
   - type: web
     name: trpc-websockets
     env: node
     plan: free
-    buildCommand: pnpm install && pnpm build
+    # NODE_ENV is development here in order for pnpm to install dev deps
+    buildCommand: NODE_ENV=development pnpm install && pnpm build
     startCommand: pnpm start
     healthCheckPath: /api/trpc/healthcheck
+    # Preview Environment Initialization
+    # initialDeployHook: |
+    #   pnpm run db-seed
     envVars:
       - key: NODE_ENV
         value: production
@@ -19,4 +25,5 @@ services:
 
 databases:
   - name: trpc-websockets-db
-    plan: free
+    plan: starter
+    # plan: free

examples/next-prisma-websockets-starter/src/server/routers/post.ts

@@ -25,6 +25,7 @@ declare interface MyEventEmitter {
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 class MyEventEmitter extends EventEmitter {}
 
+// In a real app, you'd probably use Redis or something
 const ee = new MyEventEmitter();
 
 // who is currently typing, key is `name`

www/docs/further/subscriptions.md

@@ -5,10 +5,6 @@ sidebar_label: Subscriptions / WebSockets
 slug: /subscriptions
 ---
 
-:::info
-Subscriptions & WebSockets are in beta & might change without a major version bump. However, feel free to use them and report any issue you may find on [GitHub](https://github.com/trpc/trpc).
-:::
-
 ## Using Subscriptions
 
 :::tip