{
  "id": 18698965,
  "title": "Add realtime WebSockets with Claude Code in ten minutes",
  "url": "https://urgent.news/2026/11/07/add-realtime-websockets-with-claude-code-in-ten-minutes",
  "topic": "ai",
  "section": "AI",
  "published": "2026-11-07T11:22:16.000Z",
  "source": {
    "name": "Dev.to",
    "slug": "dev-to",
    "url": "https://dev.to/hibira/add-realtime-websockets-with-claude-code-in-ten-minutes-3cod"
  },
  "original_language": "en",
  "account": "Adding realtime functionality to an app can be a complex process, involving credentials, client libraries, authorization and testing. However, AI coding agents can simplify this by using the Model Context Protocol (MCP) offered by Hibira. Hibira provides tools to create and update apps, read usage, publish test events, and fetch integration guides. The process starts with setting up a Hibira account and running the command `claude mcp add --transport http hibira https://hibira.io/mcp`. This opens a browser page where you can sign in and choose read-only or read-write access. If it doesn't open automatically, you need to authenticate the Hibira server manually. For an existing Laravel app with a Vite front end, you would ask Claude Code to set up realtime for the app, create an app called `shop-dev`, put the keys in the `.env`, set up Laravel Echo, and broadcast `OrderShipped` on a private `orders` channel. Claude Code would then get the app plan, create the app, fetch the integration guide for Laravel, and write the keys into the `.env`. The changes would be reviewed as any other code change. Once set up, you can verify that events are arriving by checking the debug console. The debug console shows connections, subscriptions, and messages, helping identify issues with authentication or allowed origins. Beyond setup, the Hibira server can provide information on daily message limits, refused browsers, and setting up client events. To ensure safety, understand what the agent can see, use read-only access when possible, and revoke agent tokens when they are no longer needed.",
  "summary": "Adding realtime to an app is mostly plumbing: create credentials, put them in the right env file, configure a client library, authorize private channels, and then check that an event actually arrives. That's exactly the kind of work an AI coding agent does well, as long as it can reach the service. The Hibira MCP server gives it that reach. This post uses Claude Code. Cursor, VS Code, Claude and…",
  "key_points": [],
  "editors_take": null,
  "illustration": null,
  "coverage": {
    "outlets": 2,
    "also_reported_by": [
      {
        "outlet": "XDA Developers",
        "title": "Someone used Claude Code to reverse-engineer the Apple AirPods 3, and now head-tracking works on Linux",
        "url": "https://urgent.news/2026/11/06/someone-used-claude-code-to-reverse-engineer-the-apple-airpods-3-and",
        "published": "2026-11-06T08:36:56.000Z"
      }
    ]
  },
  "ai_generated": true,
  "disclaimer": "Summaries, key points and the editor’s take are written by software from other outlets’ reporting and may contain errors — always check the linked original."
}