Name	Name	Last commit message	Last commit date
parent directory ..
src	src
.gitignore	.gitignore
.prettierrc	.prettierrc
README.md	README.md
index.html	index.html
liveblocks.config.ts	liveblocks.config.ts
package-lock.json	package-lock.json
package.json	package.json
tsconfig.json	tsconfig.json
vite-env.d.ts	vite-env.d.ts
vite.config.ts	vite.config.ts

Name

Last commit message

Last commit date

Comments

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

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

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