View all examples
Live Cursors Scrollable Page
This example shows how to build live cursors within a responsive scrollable page with Liveblocks and Next.js.
Live preview
Open the example above and share it on multiple windows or devices to try it live.
Getting started
- Install all dependencies with
npm install - Create an account on liveblocks.io
- Copy your public key from the dashboard
- Create an
.env.localfile and add your public key as theNEXT_PUBLIC_LIVEBLOCKS_PUBLIC_KEYenvironment variable - Run
npm run devand go to http://localhost:3000
CodeSandbox
After forking this example on CodeSandbox, create the NEXT_PUBLIC_LIVEBLOCKS_PUBLIC_KEY environment variable as a secret.
