Liveblocks
Liveblocks · 程式設計
Liveblocks 是一套即時基礎架構，讓開發者能為 App 加入多人同步、留言、通知與 AI 副駕駛，使真人與 AI 代理在同一份資料上編輯而不產生衝突。
關於 Liveblocks
What Is Liveblocks
Liveblocks 是一個託管的即時協作基礎架構平台，專門處理多人軟體裡最麻煩的部分。它讓共享資料在每位連線的使用者與 AI 代理之間保持同步，自動合併同時發生的編輯，並把內容保存下來，你不需要自己架後端。
它真正解決的是並行問題。只要兩個人或一個代理同時碰到同一份文件，你不是自己寫衝突合併，就是弄丟編輯。Liveblocks 把這套邏輯做成多人同步引擎，包在現成的 React 元件、SDK 與 API 裡，小型團隊因此能用幾天、而不是幾個月，加上協作與協作式 AI 功能。
代價是綁定。你的協作層跑在 Liveblocks 的伺服器上，雖然 Enterprise 客戶能自行架設，其他方案都走託管服務。計費採點數制，成本跟著用量走，而不是固定的席位月費。
Getting Started
- 在 liveblocks.io 建立免費帳號，並在後台開一個新專案。
- 安裝對應你技術棧的客戶端函式庫，例如
@liveblocks/react，再用 API 金鑰連接。 - 換上你想要功能的現成元件，例如協作文字編輯器或留言討論串。
- 用你自己的登入系統授權使用者，把房間推上正式環境，並在後台盯著用量。
產品資訊
快速了解 Liveblocks 的定價、支援平台與效能。
適合對象
這項工具最適合的使用者、任務與情境。
使用者
- 前端與全端開發者：React 的鉤子與元件能直接放進現有 App，團隊裡不必再養一位同步引擎專家。
- 新創的工程團隊：免費方案與按用量計費的 Pro，讓小團隊不必先付一大筆基礎架構費就能推出商業 App。
- 想導入 AI 代理的產品團隊：伺服器端文件編輯與副駕駛元件，讓代理和使用者待在同一份文件裡工作。
任務
- 為文字編輯器或白板加上多人編輯：Tiptap、Lexical、ProseMirror、tldraw 都有現成整合，涵蓋常見編輯器。
- 在 App 裡做留言功能：討論串、提及與附件都能透過自訂中介資料掛到任何物件上。
- 把通知接到電子郵件或 Slack：通知產品會依 App 內的協作事件發出訊息。
- 讓 AI 代理編輯共享內容：代理透過 WebSocket 或 HTTP 連進來，在文件裡就像其他參與者一樣。
情境
- 利用週末做一個協作功能的原型：免費方案每個計量各有上限，但沒有時間限制，整套功能都能試。
- 讓已上線的 App 撐過最初一千名使用者：Pro 與 Team 的超量以計量費率計算、不加價，成本會跟著實際用量走。
- 滿足企業資安要求：Team 加上 SAML SSO 與 SOC 2 報告，Enterprise 再加 HIPAA、多區域託管與客製條款。
主要功能
即時同步引擎
Liveblocks 讓同一房間裡所有人的共享狀態保持一致，並透過無衝突資料型別自動合併同時發生的編輯。持久化、重新連線與離線變更都幫你處理好，有人關掉分頁或斷網也不會弄丟東西。單人工作階段不收費，要兩個以上參與者共用一個房間才開始計費。
留言與討論串
想為 App 加入留言功能，這個產品把討論串掛到任何角落，從文字編輯器到播放器、白板都行。你能用自訂中介資料塑形討論串，也可以用現成的 React 元件，或拿基礎元件自己組一套介面。提及、附件與私人討論串都內建。
通知
App 內發生協作事件時，Liveblocks 會把提醒送出去，例如被提及、收到回覆或有人按表情。它能寄電子郵件、發 Slack 訊息，也能走其他管道，而你自己程式碼觸發的非協作事件則另外計量。這樣使用者離開之後還會回到文件。
AI 副駕駛
只要放進
與使用者並肩編輯的代理
來自你後端的 AI 代理，可以像另一位參與者那樣寫入共享文件。它們透過 WebSocket 取得即時更新，或用 HTTP 做簡單變更，在房間裡也會顯示存在感。真人與代理的編輯會合併而不衝突，代理的工作流程狀態還能在執行時串進文件。
SDK、REST API 與 MCP 伺服器
平台涵蓋 JavaScript、React、Node.js、Python、Yjs、Redux、Zustand，以及 Tiptap、Lexical、ProseMirror 的專屬套件。REST API 負責伺服器端工作，官方 MCP 伺服器則讓 AI 工具檢視房間、討論串、留言與儲存空間。驗證與權限會接上你現有的登入系統。
優缺點
優點
- 現成的 React 元件與鉤子，把加入協作功能的時間從幾個月縮到幾天。
- 無衝突資料型別會自動合併同時編輯，使用者不會弄丟進度。
- 免費方案永久免費、不用信用卡，評估起來很方便。
- 超量以計量費率計費，和內含點數同價，Pro 與 Team 都不加價。
- 協作 SDK 的涵蓋範圍橫跨 JavaScript、Python、Yjs 與主要文字編輯器。
缺點
- 計費走點數而非固定月費，用量大的 App 帳單取決於你得自己盯的消耗。
- 免費方案不能去掉 Liveblocks 浮水印就上線，而且每個功能都有硬上限。
- SSO 與 SOC 2 鎖在 Team 方案後面，月費從 $600 起跳，小團隊為企業級資安付出不少。
- 自行架設只開放給 Enterprise 客戶，而且還得加購。
常見問題
Liveblocks 用來替 App 加上即時協作。開發者用它同步共享資料、加入留言、發送通知與嵌入 AI 副駕駛，全都不必從零打造多人後端。
相關內容
探索與 Liveblocks 相關的工具、技能與文章。
Liveblocks 替代方案
Base Code
Base44 (Wix) · 程式設計 · 生產力Base Code 是 Base44 推出的共享雲端開發環境。團隊在對話中描述對既有 GitHub 儲存庫的修改，看著預覽確認結果，再以 Pull Request 交回工程團隊。
Google EmbeddingGemma 2
Google DeepMind · 寫作 · 圖片 · 程式設計Google EmbeddingGemma 2 是 7.4 億參數的開源模型，能把文字、程式碼、圖片、音訊與影片畫面轉成同一個 768 維空間裡的向量，在手機與筆電上就能執行。
GitGlow
GitGlow · 程式設計 · 生產力GitGlow 是桌面版 Git 用戶端，把你自己的程式碼與 AI 代理程式的變更集中在同一份審查裡，讓你在交付前看清楚機器上究竟要送出什麼。