Comments

This example shows how to build comments with Liveblocks and React.

Image of Comments
Live preview

Open the example above and share it on multiple windows or devices to try it live.

Getting started

Run the following command to set up your project manually:

  • 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 VITE_LIVEBLOCKS_PUBLIC_KEY environment variable
  • Run npm run dev and go to http://localhost:5173

Develop on CodeSandbox

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

Open-source examples

Check out more