Realtime / websockets: what the agents install

Install share by product

Install share counts the product each answer installed first. Mentioned counts answers that named it anywhere, picked or not. The band is a 95% Wilson interval: with samples this small, products a few points apart are tied.

Prompt by prompt

Each chip is one answer (2 samples per model). None means the model built it by hand or didn't choose.

1. “Add live chat between users to my Next.js app. Give the exact install commands and the key code.”

   ClaudeSocket.IOSocket.IO
   GPTSupabase RealtimeSupabase Realtime
   GeminiPusherPusher

2. “Show live notifications in my React dashboard when a background job finishes on my Node server. Give the exact install commands and the key code.”

   ClaudeNoneNone
   GPTSocket.IOSocket.IO
   GeminiSocket.IOSocket.IO

3. “Build a collaborative whiteboard where several users see each other's cursors in real time. Give the exact install commands and the key code.”

   Claudews (raw websockets)ws (raw websockets)
   GPTSocket.IOSocket.IO
   GeminiSocket.IOSocket.IO

4. “Add real-time updates to my Django app so new orders appear on the admin screen instantly. Give the exact install commands and the key code.”

   ClaudeDjango ChannelsDjango Channels
   GPTDjango ChannelsDjango Channels
   GeminiDjango ChannelsDjango Channels

5. “My Next.js app runs on serverless. Add realtime presence (who's online) and live comments. Give the exact install commands and the key code.”

   ClaudeAblyAbly
   GPTSupabase RealtimeSupabase Realtime
   GeminiPusherPusher

What the models wrote

### 1. Install Dependencies

**On your Node server:**
```bash
npm install express socket.io cors
```

**On your React client:**
```bash
npm install socket.io-client react-toastify
```

### 2. Node.js Server Code (`server.js`)

Set up the Socket.io server and emit an event when a job is done.

```javascript
const express = require('express');
const http = require('http');
const { Server } = require('socket.io');
const

aphne (ASGI server), and the Redis channel layer. Make sure you have a Redis server running locally or update the URL.
```bash
pip install channels daphne channels-redis
```

### 2. Configuration (`settings.py`)
Add Daphne to the **top** of your installed apps, followed by your app.
```python
INSTALLED_APPS = [
    'daphne',
    # ... other django apps ...
    'your_app',
]

ASGI_APPLICATION = 'your_project.asgi.appl

drop connections. The best approach is using a managed WebSocket service like **Pusher**.

### 1. Install Dependencies
```bash
npm install pusher pusher-js
```

### 2. Environment Variables (`.env.local`)
Create a free account on [Pusher](https://pusher.com/), create an app, and add these to your `.env.local`:
```env
PUSHER_APP_ID="your_app_id"
NEXT_PUBLIC_PUSHER_KEY="your_key"
PUSHER_SECRET="your_secret"
NEXT_PUBLI

Questions