Chris Nicholas

Developer experience @liveblocks • Interactive articles on 🌱

[Chris Nicholas @ctnicholasdev]

I've built a new personal website!

→ https://t.co/CgeFZCjVQe

[Chris Nicholas @ctnicholasdev]

@ibuildthecloud Depends what you're after! For text editing, Yjs. For other sorts of apps, Liveblocks Storage.

5 min interactive tutorial is here.

https://t.co/vU9yibKJMr

[Chris Nicholas @ctnicholasdev]

@gakonst We're doing this at Liveblocks! We've updated our battle-tested sync engine to enable easy human-AI collaboration.

Poke me if you have any questions.

https://t.co/oY4rkxmFVg

[Liveblocks @liveblocks]

This is what you can build with Liveblocks.

AI-powered apps with multiplayer documents, realtime presence, activity feeds, and comment threads. Our new slideshow demo showcases what’s possible in modern collaborative apps.

Learn more ↓

[Chris Nicholas @ctnicholasdev]

@aaliya_va 💯

[Chris Nicholas @ctnicholasdev]

The best apps, like Linear & Notion, increasingly feature AI that inhabits the same space as humans. In particular, agents that can:

• Edit documents.
• Show live presence.
• Leave comments in threads.

I've written a post on how to add it to your own app!

[Chris Nicholas @ctnicholasdev]

https://t.co/OKoCJVm6Nk

[Chris Nicholas @ctnicholasdev]

@josh_elkes @superdocdev @liveblocks 💯

[Chris Nicholas @ctnicholasdev]

@JacobColling @superdocdev @liveblocks Yes! Super handy project.

[Chris Nicholas @ctnicholasdev]

Add collaborative .docx editing to your app in 5 mins!

@superdocdev 🤝 @liveblocks

[Chris Nicholas @ctnicholasdev]

@caiopizzol @superdocdev @liveblocks 💯 exactly. Full .docx editing was always tricky before SuperDoc—love seeing it!

[Chris Nicholas @ctnicholasdev]

@stevenfabre @superdocdev @liveblocks 💯

[Chris Nicholas @ctnicholasdev]

I've put together new guides and a live demo to help you set this up.

Get started in Next.js → https://t.co/TJ6GAWuxPl
Other frameworks → https://t.co/V2CoWykTvW

Live example ↓

https://t.co/3pY9XvwwL3

[Chris Nicholas @ctnicholasdev]

@azeldvin Haha, very nice!!

[Chris Nicholas @ctnicholasdev]

Our team built an AI slideshow editor! No login required, try it out.

→ https://t.co/vz1RrsFHjQ

[Chris Nicholas @ctnicholasdev]

@stevenfabre @nextjs @liveblocks Love it!

[Chris Nicholas @ctnicholasdev]

Full credit to @Jrowny and @levaillantp!

[Chris Nicholas @ctnicholasdev]

It has live presence, realtime feeds, collaborative editing, and more.

Info on how it's built here.

[Chris Nicholas @ctnicholasdev]

Add real-time presence to your agent in 5 mins!

With a couple of React hooks and REST APIs, you can add WebSockets to your AI, without setting up any servers or infrastructure. Plus updates are multiplayer—all users see changes as they come.

Set it up ↓

[Chris Nicholas @ctnicholasdev]

@BraydonCoyer @ReactMiamiConf Lovely idea!

[Chris Nicholas @ctnicholasdev]

Yesterday, I wrote up a full get started guide for this, check it out.

https://t.co/zuSU1sXttF

[Chris Nicholas @ctnicholasdev]

Add real-time presence to your agent in 5 mins!

With a couple of React hooks and REST APIs, you can add WebSockets to your AI, without setting up any servers or infrastructure. Plus updates are multiplayer—all users see changes as they come.

Set it up ↓

[Chris Nicholas @ctnicholasdev]

4️⃣ Finally, draw the box around an element your AI might edit—you now have live AI presence on that on component!

When `setPresence` is called with `text-1`, you see a box around the element.