Click Below to Get the Code

Browse, clone, and build from real-world templates powered by Harper.
Tutorial
GitHub Logo

A Simpler Real-Time Messaging Architecture with MQTT, WebSockets, and SSE

Learn how to build a unified real-time backbone using Harper with MQTT, WebSockets, and Server-Sent Events. This guide shows how to broker messages, fan out real-time data, and persist events in one runtime—simplifying real-time system architecture for IoT, dashboards, and event-driven applications.
Harper Learn
Tutorial
Harper Learn

A Simpler Real-Time Messaging Architecture with MQTT, WebSockets, and SSE

By
Ivan R. Judson, Ph.D.
December 19, 2025
By
Ivan R. Judson, Ph.D.
December 19, 2025
By
Ivan R. Judson, Ph.D.
December 19, 2025
December 19, 2025
Learn how to build a unified real-time backbone using Harper with MQTT, WebSockets, and Server-Sent Events. This guide shows how to broker messages, fan out real-time data, and persist events in one runtime—simplifying real-time system architecture for IoT, dashboards, and event-driven applications.
Ivan R. Judson, Ph.D.
Distinguished Solution Architect

👉 Follow along with the code: https://github.com/HarperFast/mqtt-getting-started


If you want to run everything you see in the video yourself, start with the repository above. It contains a working example of Harper acting as a real-time backbone—brokering MQTT, WebSockets, and Server-Sent Events, while also persisting data in one place.

This post is here to answer a slightly bigger question:

Why would you want to build something like this in the first place?

Problem: Real-Time Is Fragmented

Most real-world systems don’t use just one real-time protocol.

You might have:

  • Devices publishing telemetry over MQTT
  • Browsers consuming live updates over WebSockets
  • Dashboards or services subscribing via HTTP events
  • Applications that need the data stored for querying, replay, or recovery

Traditionally, these concerns get split apart:

  • A broker handles MQTT
  • A database stores the data
  • A separate service fans events out to clients
  • More glue connects everything together

Each piece works—but the system becomes harder to reason about, harder to scale, and harder to change.

What we’re exploring here is a simpler model:
one runtime that handles messaging, fan-out, and persistence together.

What Harper Is Doing Differently

In this setup, Harper sits in the middle as a real-time backbone, not just a message broker.

That means:

  • MQTT clients can publish and subscribe directly to Harper
  • WebSocket clients can publish and subscribe to the same resources
  • Server-Sent Events clients can subscribe over plain HTTP
  • Messages are persisted automatically as structured data
  • Every protocol sees the same events, in real time

There’s no translation layer and no external sync process. Once a message arrives, it’s immediately usable everywhere.

Getting Started: Minimal Setup, Real Results

Most of this works with almost no configuration.

In config.yml, enabling REST is enough:

rest: true


This turns on:

  • WebSocket support
  • Server-Sent Events
  • Resource-based pub/sub

MQTT support is already enabled by default.

From there, we define a couple of tables in schema.graphql:

type topics @export {
  id: ID!
}

type sensors {
  id: ID!
  location: String
  temperature: Float
}

The exported topics table enables wildcard subscriptions, while sensors gives us a place to persist incoming telemetry.

This is important: messages aren’t ephemeral. They’re stored, queryable, and replayable.

Publish Once, Use Everywhere

An MQTT publisher sends sensor data:

{
  "id": "sensor-101",
  "location": "lab",
  "temperature": 97.2
}

That single publish:

  • Updates the sensors table
  • Notifies MQTT subscribers
  • Pushes updates to WebSocket clients
  • Streams events to Server-Sent Events clients

For example, a WebSocket client can subscribe with:

ws://localhost:9926/sensors/sensor-101

And an SSE client uses the same resource over HTTP:

http://localhost:9926/sensors/sensor-101

Same data. Same topic. Different protocols.

Why This Matters in Practice

This pattern shows up in a lot of real systems:

  • IoT and edge telemetry, where devices publish over MQTT but humans consume data in browsers
  • Operational dashboards, where live data and historical data must stay in sync
  • Event-driven applications, where services need both real-time notifications and durable state
  • Distributed systems, where reducing moving parts directly improves reliability

By collapsing messaging, storage, and fan-out into one runtime, Harper makes these systems easier to build and easier to operate.

You spend less time wiring infrastructure together—and more time building the application logic that actually matters.

What Comes Next

In the next step (and the next video), we build an application that listens to these table-level events directly inside Harper. That’s where this turns from “broker demo” into a full event-driven application model.

Until then, clone the repo, run it locally, and watch the data flow.

Take a breath. Grab a cup of tea.
And enjoy building simpler real-time systems

👉 Follow along with the code: https://github.com/HarperFast/mqtt-getting-started


If you want to run everything you see in the video yourself, start with the repository above. It contains a working example of Harper acting as a real-time backbone—brokering MQTT, WebSockets, and Server-Sent Events, while also persisting data in one place.

This post is here to answer a slightly bigger question:

Why would you want to build something like this in the first place?

Problem: Real-Time Is Fragmented

Most real-world systems don’t use just one real-time protocol.

You might have:

  • Devices publishing telemetry over MQTT
  • Browsers consuming live updates over WebSockets
  • Dashboards or services subscribing via HTTP events
  • Applications that need the data stored for querying, replay, or recovery

Traditionally, these concerns get split apart:

  • A broker handles MQTT
  • A database stores the data
  • A separate service fans events out to clients
  • More glue connects everything together

Each piece works—but the system becomes harder to reason about, harder to scale, and harder to change.

What we’re exploring here is a simpler model:
one runtime that handles messaging, fan-out, and persistence together.

What Harper Is Doing Differently

In this setup, Harper sits in the middle as a real-time backbone, not just a message broker.

That means:

  • MQTT clients can publish and subscribe directly to Harper
  • WebSocket clients can publish and subscribe to the same resources
  • Server-Sent Events clients can subscribe over plain HTTP
  • Messages are persisted automatically as structured data
  • Every protocol sees the same events, in real time

There’s no translation layer and no external sync process. Once a message arrives, it’s immediately usable everywhere.

Getting Started: Minimal Setup, Real Results

Most of this works with almost no configuration.

In config.yml, enabling REST is enough:

rest: true


This turns on:

  • WebSocket support
  • Server-Sent Events
  • Resource-based pub/sub

MQTT support is already enabled by default.

From there, we define a couple of tables in schema.graphql:

type topics @export {
  id: ID!
}

type sensors {
  id: ID!
  location: String
  temperature: Float
}

The exported topics table enables wildcard subscriptions, while sensors gives us a place to persist incoming telemetry.

This is important: messages aren’t ephemeral. They’re stored, queryable, and replayable.

Publish Once, Use Everywhere

An MQTT publisher sends sensor data:

{
  "id": "sensor-101",
  "location": "lab",
  "temperature": 97.2
}

That single publish:

  • Updates the sensors table
  • Notifies MQTT subscribers
  • Pushes updates to WebSocket clients
  • Streams events to Server-Sent Events clients

For example, a WebSocket client can subscribe with:

ws://localhost:9926/sensors/sensor-101

And an SSE client uses the same resource over HTTP:

http://localhost:9926/sensors/sensor-101

Same data. Same topic. Different protocols.

Why This Matters in Practice

This pattern shows up in a lot of real systems:

  • IoT and edge telemetry, where devices publish over MQTT but humans consume data in browsers
  • Operational dashboards, where live data and historical data must stay in sync
  • Event-driven applications, where services need both real-time notifications and durable state
  • Distributed systems, where reducing moving parts directly improves reliability

By collapsing messaging, storage, and fan-out into one runtime, Harper makes these systems easier to build and easier to operate.

You spend less time wiring infrastructure together—and more time building the application logic that actually matters.

What Comes Next

In the next step (and the next video), we build an application that listens to these table-level events directly inside Harper. That’s where this turns from “broker demo” into a full event-driven application model.

Until then, clone the repo, run it locally, and watch the data flow.

Take a breath. Grab a cup of tea.
And enjoy building simpler real-time systems

Learn how to build a unified real-time backbone using Harper with MQTT, WebSockets, and Server-Sent Events. This guide shows how to broker messages, fan out real-time data, and persist events in one runtime—simplifying real-time system architecture for IoT, dashboards, and event-driven applications.

Download

White arrow pointing right
Learn how to build a unified real-time backbone using Harper with MQTT, WebSockets, and Server-Sent Events. This guide shows how to broker messages, fan out real-time data, and persist events in one runtime—simplifying real-time system architecture for IoT, dashboards, and event-driven applications.

Download

White arrow pointing right
Learn how to build a unified real-time backbone using Harper with MQTT, WebSockets, and Server-Sent Events. This guide shows how to broker messages, fan out real-time data, and persist events in one runtime—simplifying real-time system architecture for IoT, dashboards, and event-driven applications.

Download

White arrow pointing right

Explore Recent Resources

Podcast
GitHub Logo

Maintaining Momentum: Versioning, Stability & the Road to Nuxt 5 with Daniel Roe

In this podcast episode, Daniel Roe, lead of the Nuxt framework, shares insights on Nuxt 3, 4, and the upcoming Nuxt 5 release. We discuss open-source development, upgrading Nuxt apps, Vue-powered full-stack web apps, version maintenance, and the future of modern web development.
Select*
Podcast
In this podcast episode, Daniel Roe, lead of the Nuxt framework, shares insights on Nuxt 3, 4, and the upcoming Nuxt 5 release. We discuss open-source development, upgrading Nuxt apps, Vue-powered full-stack web apps, version maintenance, and the future of modern web development.
Person with short hair wearing a light blue patterned shirt, smiling widely outdoors with blurred greenery and trees in the background.
Austin Akers
Head of Developer Relations
Podcast

Maintaining Momentum: Versioning, Stability & the Road to Nuxt 5 with Daniel Roe

In this podcast episode, Daniel Roe, lead of the Nuxt framework, shares insights on Nuxt 3, 4, and the upcoming Nuxt 5 release. We discuss open-source development, upgrading Nuxt apps, Vue-powered full-stack web apps, version maintenance, and the future of modern web development.
Austin Akers
Apr 2026
Podcast

Maintaining Momentum: Versioning, Stability & the Road to Nuxt 5 with Daniel Roe

In this podcast episode, Daniel Roe, lead of the Nuxt framework, shares insights on Nuxt 3, 4, and the upcoming Nuxt 5 release. We discuss open-source development, upgrading Nuxt apps, Vue-powered full-stack web apps, version maintenance, and the future of modern web development.
Austin Akers
Podcast

Maintaining Momentum: Versioning, Stability & the Road to Nuxt 5 with Daniel Roe

In this podcast episode, Daniel Roe, lead of the Nuxt framework, shares insights on Nuxt 3, 4, and the upcoming Nuxt 5 release. We discuss open-source development, upgrading Nuxt apps, Vue-powered full-stack web apps, version maintenance, and the future of modern web development.
Austin Akers
Blog
GitHub Logo

Most LLM Calls Are Waste. Here's the Math.

Semantic caching for LLMs can reduce API costs by 20–70% by reusing similar responses. Combined with deterministic routing and improved retrieval, enterprises can significantly lower LLM usage, though effectiveness varies by workload and improves over time.
Blog
Semantic caching for LLMs can reduce API costs by 20–70% by reusing similar responses. Combined with deterministic routing and improved retrieval, enterprises can significantly lower LLM usage, though effectiveness varies by workload and improves over time.
Person with short dark hair and moustache, wearing a colorful plaid shirt, smiling outdoors in a forested mountain landscape.
Aleks Haugom
Senior Manager of GTM & Marketing
Blog

Most LLM Calls Are Waste. Here's the Math.

Semantic caching for LLMs can reduce API costs by 20–70% by reusing similar responses. Combined with deterministic routing and improved retrieval, enterprises can significantly lower LLM usage, though effectiveness varies by workload and improves over time.
Aleks Haugom
Apr 2026
Blog

Most LLM Calls Are Waste. Here's the Math.

Semantic caching for LLMs can reduce API costs by 20–70% by reusing similar responses. Combined with deterministic routing and improved retrieval, enterprises can significantly lower LLM usage, though effectiveness varies by workload and improves over time.
Aleks Haugom
Blog

Most LLM Calls Are Waste. Here's the Math.

Semantic caching for LLMs can reduce API costs by 20–70% by reusing similar responses. Combined with deterministic routing and improved retrieval, enterprises can significantly lower LLM usage, though effectiveness varies by workload and improves over time.
Aleks Haugom
Blog
GitHub Logo

Build a Conversational AI Agent on Harper in 5 Minutes

Build a conversational AI agent in minutes using Harper’s unified platform. This guide shows how to create, deploy, and scale real-time AI agents with built-in database, vector search, and APIs—eliminating infrastructure complexity for faster development.
Blog
Build a conversational AI agent in minutes using Harper’s unified platform. This guide shows how to create, deploy, and scale real-time AI agents with built-in database, vector search, and APIs—eliminating infrastructure complexity for faster development.
A smiling man with a beard and salt-and-pepper hair stands outdoors with arms crossed, wearing a white button-down shirt.
Stephen Goldberg
CEO & Co-Founder
Blog

Build a Conversational AI Agent on Harper in 5 Minutes

Build a conversational AI agent in minutes using Harper’s unified platform. This guide shows how to create, deploy, and scale real-time AI agents with built-in database, vector search, and APIs—eliminating infrastructure complexity for faster development.
Stephen Goldberg
Apr 2026
Blog

Build a Conversational AI Agent on Harper in 5 Minutes

Build a conversational AI agent in minutes using Harper’s unified platform. This guide shows how to create, deploy, and scale real-time AI agents with built-in database, vector search, and APIs—eliminating infrastructure complexity for faster development.
Stephen Goldberg
Blog

Build a Conversational AI Agent on Harper in 5 Minutes

Build a conversational AI agent in minutes using Harper’s unified platform. This guide shows how to create, deploy, and scale real-time AI agents with built-in database, vector search, and APIs—eliminating infrastructure complexity for faster development.
Stephen Goldberg
Podcast
GitHub Logo

Inside PixiJS, AT Protocol, and Modern Game Development with Trezy Who

Trezy shares his journey from professional drummer and filmmaker to software engineer and open source maintainer. Learn about PixieJS, game development, AT Proto, BlueSky, data sovereignty, and how developers can confidently contribute to open source projects.
Select*
Podcast
Trezy shares his journey from professional drummer and filmmaker to software engineer and open source maintainer. Learn about PixieJS, game development, AT Proto, BlueSky, data sovereignty, and how developers can confidently contribute to open source projects.
Person with short hair wearing a light blue patterned shirt, smiling widely outdoors with blurred greenery and trees in the background.
Austin Akers
Head of Developer Relations
Podcast

Inside PixiJS, AT Protocol, and Modern Game Development with Trezy Who

Trezy shares his journey from professional drummer and filmmaker to software engineer and open source maintainer. Learn about PixieJS, game development, AT Proto, BlueSky, data sovereignty, and how developers can confidently contribute to open source projects.
Austin Akers
Mar 2026
Podcast

Inside PixiJS, AT Protocol, and Modern Game Development with Trezy Who

Trezy shares his journey from professional drummer and filmmaker to software engineer and open source maintainer. Learn about PixieJS, game development, AT Proto, BlueSky, data sovereignty, and how developers can confidently contribute to open source projects.
Austin Akers
Podcast

Inside PixiJS, AT Protocol, and Modern Game Development with Trezy Who

Trezy shares his journey from professional drummer and filmmaker to software engineer and open source maintainer. Learn about PixieJS, game development, AT Proto, BlueSky, data sovereignty, and how developers can confidently contribute to open source projects.
Austin Akers