https://github.com/ctnicholas/liveblocks-figma-comments
https://github.com/ctnicholas/liveblocks-figma-comments
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/ctnicholas/liveblocks-figma-comments
- Owner: CTNicholas
- Created: 2025-03-07T15:44:13.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-03-07T16:04:29.000Z (over 1 year ago)
- Last Synced: 2025-03-07T17:19:58.463Z (over 1 year ago)
- Language: TypeScript
- Size: 39.1 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
https://github.com/user-attachments/assets/b945194c-2efe-4565-b42c-4b7a0f40fb69
## Figma-style collaborative comments
This demo shows you how to implement real-time draggable threads in Next.js with [Liveblocks](https://liveblocks.io/).
### Set up Liveblocks
- Install all dependencies with `npm install`
- Create an account on [liveblocks.io](https://liveblocks.io/dashboard)
- Copy your **secret** key from the [dashboard](https://liveblocks.io/dashboard/apikeys)
- 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](http://localhost:3000)