Chris Nicholas
@chrisnicholas.dev
Developer experience @liveblocks.io • Interactive articles on chrisnicholas.dev
10. Tiptap 3.0 support
You can now use a collaborative Tiptap 3.0 editor, enabling features such as better static rendering, JSX extensions, improved TypeScript support, and more. This means we also support the latest versions of BlockNote now too.
You can now use a collaborative Tiptap 3.0 editor, enabling features such as better static rendering, JSX extensions, improved TypeScript support, and more. This means we also support the latest versions of BlockNote now too.
November 13, 2025 at 4:48 PM
10. Tiptap 3.0 support
You can now use a collaborative Tiptap 3.0 editor, enabling features such as better static rendering, JSX extensions, improved TypeScript support, and more. This means we also support the latest versions of BlockNote now too.
You can now use a collaborative Tiptap 3.0 editor, enabling features such as better static rendering, JSX extensions, improved TypeScript support, and more. This means we also support the latest versions of BlockNote now too.
9. Dashboard improvements
We’ve worked hard to improve the overall user experience of our dashboard, making it simpler and clearer how to manage your projects, rooms, and more. There's new hints and tooltips throughout.
We’ve worked hard to improve the overall user experience of our dashboard, making it simpler and clearer how to manage your projects, rooms, and more. There's new hints and tooltips throughout.
November 13, 2025 at 4:48 PM
9. Dashboard improvements
We’ve worked hard to improve the overall user experience of our dashboard, making it simpler and clearer how to manage your projects, rooms, and more. There's new hints and tooltips throughout.
We’ve worked hard to improve the overall user experience of our dashboard, making it simpler and clearer how to manage your projects, rooms, and more. There's new hints and tooltips throughout.
8. Liveblocks AI assistant
We’ve added a multi-purpose AI assistant to our docs and dashboard, built with AI Copilots. Ask questions, create projects, navigate to pages, view your usage, contact support, and much more.
We’ve added a multi-purpose AI assistant to our docs and dashboard, built with AI Copilots. Ask questions, create projects, navigate to pages, view your usage, contact support, and much more.
November 13, 2025 at 4:48 PM
8. Liveblocks AI assistant
We’ve added a multi-purpose AI assistant to our docs and dashboard, built with AI Copilots. Ask questions, create projects, navigate to pages, view your usage, contact support, and much more.
We’ve added a multi-purpose AI assistant to our docs and dashboard, built with AI Copilots. Ask questions, create projects, navigate to pages, view your usage, contact support, and much more.
7. New AI Copilots examples and docs
I've spent a very long time writing detailed docs for AI Copilots, showing how to complex AI apps. We also have two new AI examples, the AI App builder, and the AI Calendar.
I've spent a very long time writing detailed docs for AI Copilots, showing how to complex AI apps. We also have two new AI examples, the AI App builder, and the AI Calendar.
November 13, 2025 at 4:48 PM
7. New AI Copilots examples and docs
I've spent a very long time writing detailed docs for AI Copilots, showing how to complex AI apps. We also have two new AI examples, the AI App builder, and the AI Calendar.
I've spent a very long time writing detailed docs for AI Copilots, showing how to complex AI apps. We also have two new AI examples, the AI App builder, and the AI Calendar.
6. AI chat status hook
Create status indicators for your <AiChat />, showing what it's currently doing. If your chat is currently using a tool, you can find which tool.
Create status indicators for your <AiChat />, showing what it's currently doing. If your chat is currently using a tool, you can find which tool.
November 13, 2025 at 4:48 PM
6. AI chat status hook
Create status indicators for your <AiChat />, showing what it's currently doing. If your chat is currently using a tool, you can find which tool.
Create status indicators for your <AiChat />, showing what it's currently doing. If your chat is currently using a tool, you can find which tool.
5. AI chat web search.
Your <AiChat /> can now search the web! Enable it when you create a copilot in the dashboard, or through our back end APIs.
Your <AiChat /> can now search the web! Enable it when you create a copilot in the dashboard, or through our back end APIs.
November 13, 2025 at 4:48 PM
5. AI chat web search.
Your <AiChat /> can now search the web! Enable it when you create a copilot in the dashboard, or through our back end APIs.
Your <AiChat /> can now search the web! Enable it when you create a copilot in the dashboard, or through our back end APIs.
4. Filter notification counts
Your unread notification indicator can now load the count of notifications in a certain room, or of a certain type.
Your unread notification indicator can now load the count of notifications in a certain room, or of a certain type.
November 13, 2025 at 4:47 PM
4. Filter notification counts
Your unread notification indicator can now load the count of notifications in a certain room, or of a certain type.
Your unread notification indicator can now load the count of notifications in a certain room, or of a certain type.
3. Batched notifications.
You can now update existing notifications with new data. For example, sending status updates as a document is put in review or given a new assignee.
You can now update existing notifications with new data. For example, sending status updates as a document is put in review or given a new assignee.
November 13, 2025 at 4:47 PM
3. Batched notifications.
You can now update existing notifications with new data. For example, sending status updates as a document is put in review or given a new assignee.
You can now update existing notifications with new data. For example, sending status updates as a document is put in review or given a new assignee.
2. Numerical thread filters
Filter threads by using greater than/less than on metadata values. This is especially helpful for adding comments to large tables, as you can filter the threads by row and column, loading only visible comments.
Filter threads by using greater than/less than on metadata values. This is especially helpful for adding comments to large tables, as you can filter the threads by row and column, loading only visible comments.
November 13, 2025 at 4:47 PM
2. Numerical thread filters
Filter threads by using greater than/less than on metadata values. This is especially helpful for adding comments to large tables, as you can filter the threads by row and column, loading only visible comments.
Filter threads by using greater than/less than on metadata values. This is especially helpful for adding comments to large tables, as you can filter the threads by row and column, loading only visible comments.
1. Group mentions.
You can now create group mentions in comments, for example "@everyone" and "@engineering".
There's two ways to enable it, either by passing a list of user IDs on the front end, or by using new managed groups on the back end.
You can now create group mentions in comments, for example "@everyone" and "@engineering".
There's two ways to enable it, either by passing a list of user IDs on the front end, or by using new managed groups on the back end.
November 13, 2025 at 4:47 PM
1. Group mentions.
You can now create group mentions in comments, for example "@everyone" and "@engineering".
There's two ways to enable it, either by passing a list of user IDs on the front end, or by using new managed groups on the back end.
You can now create group mentions in comments, for example "@everyone" and "@engineering".
There's two ways to enable it, either by passing a list of user IDs on the front end, or by using new managed groups on the back end.
Modals have descriptions, which explain how to build the feature, and you can scroll down to read them. Each product that's used in the demo is linked as a tag with its icon.
November 3, 2025 at 4:11 PM
Modals have descriptions, which explain how to build the feature, and you can scroll down to read them. Each product that's used in the demo is linked as a tag with its icon.
When you click on a card, @nextjs intercepted routes show a dynamic modal. However, when you refresh or load the page directly, an SEO optimised page is loaded, with its own title, schema, headings, etc.
Essentially, each modal is individually indexed by search engines.
Essentially, each modal is individually indexed by search engines.
November 3, 2025 at 4:11 PM
When you click on a card, @nextjs intercepted routes show a dynamic modal. However, when you refresh or load the page directly, an SEO optimised page is loaded, with its own title, schema, headings, etc.
Essentially, each modal is individually indexed by search engines.
Essentially, each modal is individually indexed by search engines.
Filter by product name or use the search for immediate results.
November 3, 2025 at 4:11 PM
Filter by product name or use the search for immediate results.
Each card displays a screenshot of the first video frame, and hovering over the card plays the video as soon as it's loaded. Mousing over also preloads a higher quality clip that's shown inside the larger pop-up.
They're all demos of @liveblocks.io, mostly built/recorded by me!
They're all demos of @liveblocks.io, mostly built/recorded by me!
November 3, 2025 at 4:11 PM
Each card displays a screenshot of the first video frame, and hovering over the card plays the video as soon as it's loaded. Mousing over also preloads a higher quality clip that's shown inside the larger pop-up.
They're all demos of @liveblocks.io, mostly built/recorded by me!
They're all demos of @liveblocks.io, mostly built/recorded by me!
@liveblocks/node | API Reference
API Reference for the @liveblocks/node package
liveblocks.io
October 3, 2025 at 4:32 PM
