DEV Community

Ben Haynes for Directus

Posted on

2 1

Real Time for Directus is Here ⚡️

This is a big day for our users and community as Directus 10.3 introduces a new way to work with your data - WebSockets.

With WebSockets, you can build real-time features into your projects backed by your Directus-managed database (btw...Directus is built with Vue 😉).

Wait, What Are WebSockets?

WebSockets are a new way to connect to Directus projects with code, and allow your applications to 'subscribe' to updates that happen to your data. Changes are pushed instantly to your users without the need for refreshing or polling.

Our implementation works by emitting events that happen in your database, so you don't have to worry about managing data persistence. What's in your Directus project is always the one-true-source of data.

What Can You Build?

What makes this even cooler is that our WebSockets implementation isn't just read-only, but also allows you to send create, update, and delete operations over the same WebSocket connection. This means that you can build things like live chats, data dashboards, and notification systems and be confident that the data you have is up-to-date.

Use GraphQL? We Got You.

If you're considering using GraphQL to handle real-time data in your application, we have the tools to help. In addition to offering a standard WebSocket interface, our platform also provides support for GraphQL Subscriptions. If this is your path, then learn how to get started with Directus GraphQL Subscriptions.

Get Started Today!

We are thrilled to see the projects you will build with this new feature, and look forward to building it out further based on community feedback. Looking for a fun small project to get started? Build a multi-user chat with full persistence backed by Directus.

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay