New analytics graphs on the Liveblocks dashboard! 📈

Changelog → Week 21

• New project analytics page with detailed graphs
• Get insights into users, rooms, comments, notifications, data
• Improved billing and usage view

liveblocks.io/changelog/week…

Leaving a reaction on designengineer.xyz 💬

Fun use of Liveblocks—adding draggable comments to your blog!

As promised Chris Nicholas, I wrote a rundown on how we shipped Clerk x Liveblocks blog post Conversations over on d×e - Design Engineer.

designengineer.xyz/posts/using-cl…

Real-time state in avatar stacks ▶⏸

Collaborative apps normally use live avatars to show who's connected—but why not show each user's current state too? It can fit tidily under each avatar.

Remote job—Liveblocks is looking for a full-stack engineer!

If you're intrigued by real-time collaboration, love developer experience, and care about the details, we want to hear from you. Very flexible, friendly, and inclusive workplace.

join.team/liveblocks/job…

New date picker component on our dashboard 📅

It's difficult to get these right, but this feels natural to use—shout-out to Pierre Le Vaillant for building this!

We shipped a bunch of updates this week. Including this awesome new events page in the dashboard! 👀

Incredible work from Pierre Le Vaillant, Vincent Driessen, and Olivier Foucherot!

You can now view room events in your Liveblocks dashboard.

This is great for learning more about your users—for example when they connect, and where they are.

liveblocks.io/dashboard → Select your project → Events

Changelog → Week 20

• View room events in your project's dashboard
• Filter events by date, type, user, and room ID
• Polished onboarding & a new dashboard date picker

liveblocks.io/changelog/week…

Weekly changelog 📝

We've started a new Liveblocks changelog, which we'll share every Friday. This means we can ship quicker, and you can try new features as soon as they're ready.

liveblocks.io/changelog

I've completely rewritten the `@liveblocks/client` API reference page, filling it with all the knowledge I've accumulated over the past few years. We've also got new info & components, like this props table.

For advanced users → liveblocks.io/docs/api-refer…

Changelog → Week 19

• New changelog on our website
• Rewritten API reference for `@liveblocks/client`
• Improved components on docs & dashboard

liveblocks.io/changelog/week…

You can now start a Liveblocks project without leaving the dashboard.

Your first WebSocket connection triggers confetti 🎉 we can detect it in real-time!

I've just upgraded the Liveblocks starter kit from /pages → /app and it's such a huge difference.

Not only is it shorter, but it's also far more easy to understand. Server actions enabled me to remove entire layers of code, dramatically cutting the file count.

Build a collaborative application using Next.js /app directory.

✦ Real-time text editor, whiteboard, comments, notifications
✦ Browse documents by group & paginate
✦ Share dialog with permissions & authentication
+ more!

→ liveblocks.io/starter-kit

We've just added advanced thread & room filtering to Liveblocks!

When fetching threads, you can already filter for threads that contain certain metadata, but now you can also search for partially matching metadata using `startsWith`.

In this example…

We've just released a new alpha—custom notifications with Liveblocks.

Our existing InboxNotification components can now be used to show any kind of notification, for example the file upload notification below.

Here's how it works.

Liveblocks 1.12 has been released.

• Advanced thread and room filtering
• Custom notifications alpha
• Inbox notification thread hook
• Canvas Comments example
• Next.js Starter Kit updated to /app directory

liveblocks.io/blog/liveblock…

Built a video player with Pierre Le Vaillant last year 📽