Vincent Driessen
@nvie.com
Simplifying things for fun and profit. Engineer at liveblocks.io. Blog at nvie.com. Also decoders.cc.
A long-standing desire of ours, finally there! 😍
Chris Nicholas@chrisnicholas.dev · last wk.You can now upload files to @liveblocks.io! If your multiplayer app uses media, archives, or any file, `LiveFile` allows you to upload them directly to your Storage tree. Other users will see the file appear in realtime—like in this @tldraw.com clip. Learn more ↓
You can now upload files to @liveblocks.io! If your multiplayer app uses media, archives, or any file, `LiveFile` allows you to upload them directly to your Storage tree. Other users will see the file appear in realtime—like in this @tldraw.com clip. Learn more ↓
Is there even any interesting tech news these days that isn’t related to AI? Never has tech news felt more boring than this year 😞
Today, I co-blogged and got to see @chrisnicholas.dev’s amazing visualization talents up close! 🤩 lblcks.io/W1Ehpn6
How CRDTs and sync engines keep realtime lists ordered with fractional indexing | Liveblocks blog
An interactive guide to fractional indexing, how it works, and how it’s used to power multiplayer lists in Figma and Liveblocks.
lblcks.io
If you use @xyflow.com with @liveblocks.io, you can now also update it from your Node.js backend super easily and with a beautiful API. This is _the_ way to let your React Flow be edited from custom agents. Read all about it here: liveblocks.io/docs/api-ref...
@liveblocks/react-flow | API Reference | Liveblocks
API Reference for the @liveblocks/react-flow package
liveblocks.io
Beautiful implementation by the amazing @nimeshnayaju.bsky.social! 💯
Liveblocks@liveblocks.io · 4mo agoChat SDK adapter for Liveblocks. We’re releasing a new adapter for Chat SDK by @vercel.com, enabling you to create cross-platform bots that can respond in Liveblocks comment threads. For example, here's a bot that works in both Slack and Liveblocks. lblcks.io/hFCOxVR
The API looks like plain @xyflow.com, but underneath, it's synchronizing your graph in the smartest way possible. Selection state? Local only. Node position while dragging? Live. Conflicts? Auto-resolved. Undo/redo? Just works. ✨
Chris Nicholas@chrisnicholas.dev · 4mo agoAdd multiplayer to React Flow in 5 mins! Our new @liveblocks.io package enables plug-and-play real-time collaboration. Powered by our open-source sync engine, edits are fully conflict-resolved, allowing multiple humans & agents to edit at once. And there's more ↓
Add multiplayer to React Flow in 5 mins! Our new @liveblocks.io package enables plug-and-play real-time collaboration. Powered by our open-source sync engine, edits are fully conflict-resolved, allowing multiple humans & agents to edit at once. And there's more ↓
Liveblocks Unveil. AI agents are becoming native users of software, and apps need a new foundation. We've built it. 🗓️ April 6–10. Releases every day.
Programatically manage Liveblocks projects. Our new Management API allows you to interact with your projects, API keys, and webhooks programatically. Create projects, update webhooks, roll secret keys, and more. Available now for Enterprise customers. liveblocks.io/docs/platfo...
Management API | Platform | Liveblocks
Learn how to use the Liveblocks Management API.
liveblocks.io
Zod isn't the only option. Our team uses decoders, built by the wonderful @nvie.com. We find it's: • Easier to read, as it looks like TypeScript. • Quicker to debug, with its human-readable error messages. • Lighter to ship, with tree-shaking and smaller bundles. Learn more ↓
TIL Plausible.io has a fantastic import-from-CSV feature! Just imported all my historical Gaug.es stats. It auto-imports only up to the moment Plausible was first used, so no double-counting of when I was still using both. Really well-done! 👏
blogged about building big and beautiful things
Mothlamp Problems
just a little bit closer to the light and I'll have it solved
unfoldingdiagrams.leaflet.pub
Zen Router is not like most routing libraries. It makes deliberate trade-offs to stay maintainable as codebases and teams grow. zenrouter.liveblocks.io/docs/princip...
Principles | Zen Router
The design principles behind Zen Router.
zenrouter.liveblocks.io
Two years ago I built a new router in my spare time to replace itty-router. We started adopting it gradually until it powered our entire backend.
I've built a full docs site in a day with @nvie.com! We've just open-sourced the HTTP router that's handles billions of requests per month at Liveblocks. Our team built it with Cloudflare Workers in mind, but it supports other runtimes too. Opinionated, type-safe, Zen. Get it ↓
Introducing Zen Router: our open-source HTTP router. Zen Router handles billions of requests per month at Liveblocks, and today we're open sourcing it. Initially designed for Cloudflare Workers, but also compatible with Node.js, Bun, and more. lblcks.io/Vvvviny
Introducing Zen Router: our open-source type-safe router compatible with Cloudflare Workers | Liveblocks blog
We’ve open sourced Zen Router: an opinionated HTTP router with typed path params, built-in body validation, and a clean model for auth. Here’s why we built it and what makes it different.
lblcks.io
I've set up a whole collaborative app template for Next.js! Along with multiplayer apps, it's got live permissions: • The document immediately appears when shared. • When edit access is given, the page auto-reloads. • The user can then make real-time changes. Learn more ↓
✍️ New post: Continvoucly Morged Value Couldn't get out of my head what happened to @nvie.com’s diagram – and so I wrote down a few premature thoughts about what happens when we mistake the (AI) artifact for the work … matthiasott.com/notes/contin...
Continvoucly Morged Value · Matthias Ott
Web design engineer, UX designer, teacher, and speaker – helping teams build websites and digital products with a focus on CSS, accessibility, and performance.
matthiasott.com
One more thing however: I’m seeing an X community and some kind of coin/token claiming to collect money on my behalf. I have absolutely nothing to do with this. It’s a scam. Please DO NOT send anyone money.
Some updates on the morged saga: 1. Microsoft has reached out last week, apologized, and corrected the Learn page — it now features my original diagram with proper attribution.
Finally sat down and added dark mode to nvie.com. Sorry to everyone whose eyes have been blinded by it before 🙈
Set up E2E testing in your Liveblocks app. We've written a step-by-step guide on how to test your multiplayer app using Playwright and our new open-source dev server. lblcks.io/2nnRkJs
How to set up End-to-End (E2E) testing with Playwright | Liveblocks guide
Learn how to write End-to-End (E2E) tests for your Liveblocks application using Playwright and the local dev server.
lblcks.io
The sad part isn't even the AI here. It's the person who generated this and uploaded it without even looking at the thing. The quality people demand of themselves is steadily diminishing. So does our appreciation of art.
Kindness is underrated in professional settings.
Sam Rose@samwho.dev · 6mo agoI’m still routinely intimated by some people in tech. Everything I publish gets negative comments to some degree. People telling me I’m dumbing stuff down too much, or I’m wrong about stuff and shouldn’t be writing about it. Putting yourself out there eventually guarantees this will happen to you.
Liveblocks is going open-source! Today we've opened up the sync engine server that powers Liveblocks Storage and Yjs on our platform. We've also built a local dev server for testing your @liveblocks.io app locally, try it in your app now: $ npx liveblocks dev
