View all examples
Live Avatar Stack
This example shows how to build a live avatar stack 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 secret key from the dashboard
- Create an
.env.local
file and add your secret key as theLIVEBLOCKS_SECRET_KEY
environment variable - Run
npm run dev
and go to http://localhost:3000
CodeSandbox
After forking this example on CodeSandbox, create the LIVEBLOCKS_SECRET_KEY
environment variable as a secret.