- Notifications
You must be signed in to change notification settings - Fork1
liveblocks/demo-comments-hover-boostr
Folders and files
| Name | Name | Last commit message | Last commit date | |
|---|---|---|---|---|
Repository files navigation
This example shows how to display comments overlaid on any website withLiveblocks andNext.js.
Run the following command to try this example locally:
npx create-liveblocks-app@latest --example nextjs-comments-overlay --api-key
This will download the example and ask permission to open your browser, enablingyou to automatically get your API key from yourliveblocks.io account.
Read more
Alternatively, you can set up your project manually:
- Install all dependencies with
npm install - Create an account onliveblocks.io
- Copy yoursecret key from thedashboard
- Create an
.env.localfile and add yoursecret key as theLIVEBLOCKS_SECRET_KEYenvironment variable - Run
npm run devand go tohttp://localhost:3000
Read more
To both deploy onVercel, and run the example locally, usethe following command:
npx create-liveblocks-app@latest --example nextjs-comments-overlay --vercel
This will download the example and ask permission to open your browser, enablingyou to deploy to Vercel.
Read more
After forkingthis exampleon CodeSandbox, create theLIVEBLOCKS_SECRET_KEY environment variable as asecret.
Releases
Packages0
Uh oh!
There was an error while loading.Please reload this page.
Contributors2
Uh oh!
There was an error while loading.Please reload this page.