View all examples

Multiplayer 3D Builder

This example shows how to build a collaborative 3D builder with Liveblocks, Next.js and Three.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