Comments Primitives

This example shows how to build comments with Liveblocks and Next.js, using the primitives instead of the default components.

Image of Comments Primitives
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
  • Copy your secret key from the dashboard
  • Create an .env.local file and add your secret key as the LIVEBLOCKS_SECRET_KEY environment variable
  • Run npm run dev and go to http://localhost:3000

Develop on CodeSandbox

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