Replit + Liveblocks

Replit lets you build and run full-stack apps in the browser using Replit Agent. With Liveblocks, you can add realtime collaboration to your generated Replit app, such as collaborative text editing, multiplayer documents, comment threads, inbox notifications, and AI copilots.

Setup

1. Ask the Agent to build with Liveblocks

   Add Liveblocks to your project by asking Replit Agent to add collaborative features, for example:

   Example prompt

   Add a realtime text editor with Liveblocks and Tiptap.

   To find more ways to use Liveblocks, visit our showcase and read our get started guides.

2. Insert your secret key

   During the process, Replit Agent will prompt you to insert your Liveblocks secret key from the dashboard. Paste in your project’s key.

   Secret key

   sk_prod_xxxxxxxxxx…xxxxxxxxsk_prod_xxxxxxxxxxxxxxxxxxxxxxxx

   To manually edit your key in Replit, go to Tools & Files → Secrets → LIVEBLOCKS_SECRET_KEY.

3. Collaboration is ready

   Your app should now have live collaboration—use the Agent to continue building your Liveblocks app.

Limitations and troubleshooting

Secret or public key issues

To fix issues related to API keys, instruct Replit Agent to use a secret key instead of a public key, and authenticate your Liveblocks application.