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.local file and add your public key as the NEXT_PUBLIC_LIVEBLOCKS_PUBLIC_KEY environment variable
  • Run npm run dev and go to http://localhost:3000

CodeSandbox

After forking this example on CodeSandbox, create the NEXT_PUBLIC_LIVEBLOCKS_PUBLIC_KEY environment variable as a secret.

More examples