Lovable + Liveblocks

Lovable helps you generate full-stack apps quickly using AI chats. With Liveblocks, you can add realtime collaboration to your generated Lovable app, such as collaborative text editing, multiplayer documents, comment threads, inbox notifications, and AI copilots.

Setup

1. Ask the chat to build with Liveblocks

   Add Liveblocks to your project by asking the chat 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, Lovable 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 Lovable, go to Cloud → Secrets → LIVEBLOCKS_SECRET_KEY.

3. Collaboration is ready

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

Limitations and troubleshooting

Secret or public key issues

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