How to add live cursors to your product with Next.js and Liveblocks using the public key API.

1

Socket.io

Almost everyone loves real-time collaborating tools especially developers. Take the Figma real-time indication of viewers' cursor for example. When on a Figma design board, you can see exactly where other viewers are. It’s awesome, right? I bet we all love it. This real-time feature/experience is exactly what Liveblocks provides. With Liveblocks, we don’t have to use WebSockets directly or use the popular socket.io. We can add real-time experience to our product using some of the Liveblocks integrations. Click here to read a more detailed overview of Liveblocks.

#Developer Tools #App Development #Mobile Push Messaging 718 social mentions

2

react-context

LiveblocksProvider. This is a context provider for the state of the client we created with createClient as in React Context API.

#Javascript UI Libraries #Front-End Frameworks #JS Library 207 social mentions

3

Liveblocks

Almost everyone loves real-time collaborating tools especially developers. Take the Figma real-time indication of viewers' cursor for example. When on a Figma design board, you can see exactly where other viewers are. It’s awesome, right? I bet we all love it. This real-time feature/experience is exactly what Liveblocks provides. With Liveblocks, we don’t have to use WebSockets directly or use the popular socket.io. We can add real-time experience to our product using some of the Liveblocks integrations. Click here to read a more detailed overview of Liveblocks.

#Developer Tools #Project Management #Code Collaboration 17 social mentions