---
meta:
  title: "Liveblocks Guides"
  description: "Guides for building collaborative products with Liveblocks."
---

All Liveblocks how-to guides:

- [Adding Liveblocks to existing useState hooks](/docs/guides/adding-liveblocks-to-existing-usestate-hooks)
  - Tags: State, React
  - Date: 2023-06-09
  
- [How to use Liveblocks with Astro](/docs/guides/how-to-use-liveblocks-with-astro)
  - Tags: Frameworks, Astro
  - Date: 2023-06-05
  
- [How to use Liveblocks with Next.js app directory](/docs/guides/how-to-use-liveblocks-with-nextjs-app-directory)
  - Tags: Frameworks, Next.js
  - Date: 2023-06-02
  
- [Fixing Next.js server component errors](/docs/guides/fixing-nextjs-server-component-errors)
  - Tags: Frameworks, Next.js
  - Date: 2023-06-01
  
- [Revalidate API data in realtime with SWR](/docs/guides/revalidate-api-data-with-swr)
  - Tags: Data fetching, React, Next.js
  - Date: 2023-05-26
  
- [How to create a collaborative to-do list with JavaScript and Liveblocks](/docs/guides/how-to-create-a-collaborative-to-do-list-with-javascript-and-liveblocks)
  - Tags: Tutorials, JavaScript
  - Date: 2022-09-01
  
- [How to create a collaborative to-do list with React and Liveblocks](/docs/guides/how-to-create-a-collaborative-to-do-list-with-react-and-liveblocks)
  - Tags: Tutorials, React
  - Date: 2022-09-01
  
- [How to create a collaborative to-do list with React, Redux, and Liveblocks](/docs/guides/how-to-create-a-collaborative-to-do-list-with-react-redux-and-liveblocks)
  - Tags: Tutorials, React, Redux
  - Date: 2022-09-01
  
- [How to create a collaborative to-do list with React, Zustand, and Liveblocks](/docs/guides/how-to-create-a-collaborative-to-do-list-with-react-zustand-and-liveblocks)
  - Tags: Tutorials, React, Zustand
  - Date: 2022-09-01
  
- [How to create a collaborative online whiteboard with React, Redux, and Liveblocks](/docs/guides/how-to-create-a-collaborative-online-whiteboard-with-react-redux-and-liveblocks)
  - Tags: Tutorials, React, Redux
  - Date: 2022-09-01
  
- [How to create a collaborative online whiteboard with React, Zustand, and Liveblocks](/docs/guides/how-to-create-a-collaborative-online-whiteboard-with-react-zustand-and-liveblocks)
  - Tags: Tutorials, React, Zustand
  - Date: 2022-09-01
  
- [How to use Liveblocks Presence with React](/docs/guides/how-to-use-liveblocks-presence-with-react)
  - Tags: Tutorials, React
  - Date: 2023-06-27
  
- [How to use Liveblocks Storage with React](/docs/guides/how-to-use-liveblocks-storage-with-react)
  - Tags: Tutorials, React, Storage
  - Date: 2023-06-27
  
- [How to use Liveblocks multiplayer undo/redo with React](/docs/guides/how-to-use-liveblocks-multiplayer-undo-redo-with-react)
  - Tags: Tutorials, React
  - Date: 2023-06-27
  
- [How to use Liveblocks Presence with Zustand](/docs/guides/how-to-use-liveblocks-presence-with-zustand)
  - Tags: Tutorials, React, Zustand
  - Date: 2023-06-27
  
- [How to use Liveblocks Storage with Zustand](/docs/guides/how-to-use-liveblocks-storage-with-zustand)
  - Tags: Tutorials, React, Zustand, Storage
  - Date: 2023-06-27
  
- [How to use Liveblocks multiplayer undo/redo with Zustand](/docs/guides/how-to-use-liveblocks-multiplayer-undo-redo-with-zustand)
  - Tags: Tutorials, React, Zustand
  - Date: 2023-06-27
  
- [How to use Liveblocks Presence with Redux](/docs/guides/how-to-use-liveblocks-presence-with-redux)
  - Tags: Tutorials, React, Redux
  - Date: 2023-06-27
  
- [How to use Liveblocks Storage with Redux](/docs/guides/how-to-use-liveblocks-storage-with-redux)
  - Tags: Tutorials, React, Redux, Storage
  - Date: 2023-06-27
  
- [How to use Liveblocks multiplayer undo/redo with Redux](/docs/guides/how-to-use-liveblocks-multiplayer-undo-redo-with-redux)
  - Tags: Tutorials, React, Redux
  - Date: 2023-06-27
  
- [Reauthenticate without reloading the page or losing state](/docs/guides/reauthenticate-without-reloading-the-page-or-losing-state)
  - Tags: Authentication, State, JavaScript, React
  - Date: 2023-07-05
  
- [What happens when a user joins a room at maximum capacity?](/docs/guides/what-happens-when-a-user-joins-a-room-at-maximum-capacity)
  - Tags: Errors, JavaScript, React
  - Date: 2023-08-03
  
- [How to modify Liveblocks Storage from the server](/docs/guides/how-to-modify-liveblocks-storage-from-the-server)
  - Tags: Tutorials, Node.js, JavaScript, Storage
  - Date: 2023-08-04
  
- [How to create a collaborative text editor with Lexical, Yjs, Next.js, and Liveblocks](/docs/guides/how-to-create-a-collaborative-text-editor-with-lexical-yjs-nextjs-and-liveblocks)
  - Tags: Tutorials, Text editors, Yjs, React, Lexical
  - Date: 2023-09-05
  
- [How to create a collaborative text editor with Slate, Yjs, Next.js, and Liveblocks](/docs/guides/how-to-create-a-collaborative-text-editor-with-slate-yjs-nextjs-and-liveblocks)
  - Tags: Tutorials, Text editors, Yjs, React, Next.js, Slate
  - Date: 2023-09-05
  
- [How to create a collaborative text editor with Tiptap, Yjs, Next.js, and Liveblocks](/docs/guides/how-to-create-a-collaborative-text-editor-with-tiptap-yjs-nextjs-and-liveblocks)
  - Tags: Tutorials, Text editors, Yjs, React, Next.js, Tiptap
  - Date: 2023-09-05
  
- [How to create a collaborative text editor with Quill, Yjs, Next.js, and Liveblocks](/docs/guides/how-to-create-a-collaborative-text-editor-with-quill-yjs-nextjs-and-liveblocks)
  - Tags: Tutorials, Text editors, Yjs, React, Next.js, Quill
  - Date: 2023-09-05
  
- [How to create a collaborative code editor with Monaco, Yjs, Next.js, and Liveblocks](/docs/guides/how-to-create-a-collaborative-code-editor-with-monaco-yjs-nextjs-and-liveblocks)
  - Tags: Tutorials, Code editors, Yjs, React, Next.js, Monaco
  - Date: 2023-09-05
  
- [How to create a collaborative code editor with CodeMirror, Yjs, Next.js, and Liveblocks](/docs/guides/how-to-create-a-collaborative-code-editor-with-codemirror-yjs-nextjs-and-liveblocks)
  - Tags: Tutorials, Code editors, Yjs, React, Next.js, CodeMirror
  - Date: 2023-09-05
  
- [How to synchronize your Liveblocks Yjs document data to a Vercel Postgres database](/docs/guides/how-to-synchronize-your-liveblocks-yjs-document-data-to-a-vercel-postgres-database)
  - Tags: Tutorials, Webhooks, Databases, Yjs, Node.js
  - Date: 2023-09-05
  
- [How to synchronize your Liveblocks Yjs document data to a PlanetScale MySQL database](/docs/guides/how-to-synchronize-your-liveblocks-yjs-document-data-to-a-planetscale-mysql-database)
  - Tags: Tutorials, Webhooks, Databases, Yjs, Node.js
  - Date: 2023-09-05
  
- [How to synchronize your Liveblocks Yjs document data to a Supabase Postgres database](/docs/guides/how-to-synchronize-your-liveblocks-yjs-document-data-to-a-supabase-postgres-database)
  - Tags: Tutorials, Webhooks, Databases, Yjs, Node.js
  - Date: 2023-09-05
  
- [Modifying Yjs document data with the REST API](/docs/guides/modifying-yjs-document-data-with-the-rest-api)
  - Tags: REST API, Data fetching, Yjs, Node.js
  - Date: 2023-09-05
  
- [How to synchronize your Liveblocks Storage document data to a Vercel Postgres database](/docs/guides/how-to-synchronize-your-liveblocks-storage-document-data-to-a-vercel-postgres-database)
  - Tags: Tutorials, Webhooks, Databases, Storage, Node.js
  - Date: 2023-10-06
  
- [How to synchronize your Liveblocks Storage document data to a PlanetScale MySQL database](/docs/guides/how-to-synchronize-your-liveblocks-storage-document-data-to-a-planetscale-mysql-database)
  - Tags: Tutorials, Webhooks, Databases, Storage, Node.js
  - Date: 2023-10-06
  
- [How to synchronize your Liveblocks Storage document data to a Supabase Postgres database](/docs/guides/how-to-synchronize-your-liveblocks-storage-document-data-to-a-supabase-postgres-database)
  - Tags: Tutorials, Webhooks, Databases, Storage, Node.js
  - Date: 2023-10-06
  
- [How to send email notifications when comments are created](/docs/guides/how-to-send-email-notifications-when-comments-are-created)
  - Tags: Comments, Tutorials, Webhooks, Notifications, React UI, Node.js
  - Date: 2023-11-01
  
- [How to add users to Liveblocks Comments](/docs/guides/how-to-add-users-to-liveblocks-comments)
  - Tags: Comments, Tutorials, Data fetching, React UI, React
  - Date: 2023-11-02
  
- [How to add users to Liveblocks Notifications](/docs/guides/how-to-add-users-to-liveblocks-notifications)
  - Tags: Notifications, Tutorials, Data fetching, React
  - Date: 2023-11-02
  
- [How to add users to Liveblocks Text Editor](/docs/guides/how-to-add-users-to-liveblocks-text-editor)
  - Tags: Text editors, Tutorials, Data fetching, Lexical, React
  - Date: 2023-11-02
  
- [How to test webhooks on localhost](/docs/guides/how-to-test-webhooks-on-localhost)
  - Tags: Webhooks, Node.js
  - Date: 2023-12-14
  
- [How to use your Y.Doc on the server](/docs/guides/how-to-use-your-ydoc-on-the-server)
  - Tags: Data fetching, State, REST API, Yjs, Node.js
  - Date: 2024-01-04
  
- [Getting Tiptap state on the server](/docs/guides/getting-tiptap-state-on-the-server)
  - Tags: Text editors, Data fetching, State, REST API, Tiptap, Yjs, Node.js
  - Date: 2024-01-04
  
- [Getting ProseMirror state on the server](/docs/guides/getting-prosemirror-state-on-the-server)
  - Tags: Text editors, Data fetching, State, REST API, ProseMirror, Yjs, Node.js
  - Date: 2024-01-04
  
- [How to send email notifications of unread comments](/docs/guides/how-to-send-email-notifications-of-unread-comments)
  - Tags: Comments, Tutorials, Webhooks, Notifications, React UI, Node.js
  - Date: 2024-02-08
  
- [How to rename room IDs and successfully migrate users](/docs/guides/how-to-rename-room-ids-and-successfully-migrate-users)
  - Tags: Authentication, REST API, Node.js
  - Date: 2024-03-13
  
- [How to grant access to individual rooms with access tokens](/docs/guides/how-to-grant-access-to-individual-rooms-with-access-tokens)
  - Tags: Authentication, Node.js
  - Date: 2024-03-13
  
- [How to use Yjs subdocuments](/docs/guides/how-to-use-yjs-subdocuments)
  - Tags: Data fetching, REST API, Yjs, Node.js, JavaScript
  - Date: 2024-03-13
  
- [Setting an initial or default value in Tiptap](/docs/guides/setting-an-initial-or-default-value-in-tiptap)
  - Tags: Text editors, Yjs, Tiptap, React
  - Date: 2024-03-25
  
- [How to filter threads using query language](/docs/guides/how-to-filter-threads-using-query-language)
  - Tags: REST API, Comments, Node.js, React UI
  - Date: 2024-04-10
  
- [How to filter rooms using query language](/docs/guides/how-to-filter-rooms-using-query-language)
  - Tags: REST API, Node.js
  - Date: 2024-04-10
  
- [Setting an initial or default value in BlockNote](/docs/guides/setting-an-initial-or-default-value-in-blocknote)
  - Tags: Text editors, Yjs, BlockNote, React
  - Date: 2024-08-23
  
- [How to migrate to Liveblocks Comments](/docs/guides/how-to-migrate-to-liveblocks-comments)
  - Tags: Comments, REST API, Node.js
  - Date: 2024-08-28
  
- [How to send email notifications for unread text editor mentions](/docs/guides/how-to-send-email-notifications-for-unread-text-editor-mentions)
  - Tags: Text editors, Tutorials, Webhooks, Notifications, React UI, Node.js, Lexical, Tiptap
  - Date: 2024-11-29
  
- [What to check before enabling a new notification kind](/docs/guides/what-to-check-before-enabling-a-new-notification-kind)
  - Tags: Notifications, Webhooks, 
  - Date: 2025-02-05
  
- [How to create a notification settings panel](/docs/guides/how-to-create-a-notification-settings-panel)
  - Tags: Notifications, Webhooks, Node.js
  - Date: 2025-02-20
  
- [How to use fallback AI models in AI Copilots](/docs/guides/how-to-use-fallback-ai-models-in-ai-copilots)
  - Tags: AI Copilots, React
  - Date: 2025-10-16
  
- [How to customize room names in inbox notifications](/docs/guides/how-to-customize-room-names-in-inbox-notifications)
  - Tags: Notifications, React
  - Date: 2025-10-15
  
- [Migrating to Liveblocks Notifications](/docs/guides/migrating-to-liveblocks-notifications)
  - Tags: Notifications, REST API, Node.js
  - Date: 2025-12-05
  
- [Yjs best practices and tips](/docs/guides/yjs-best-practices-and-tips)
  - Tags: Tutorials, Data fetching, Yjs
  - Date: 2025-10-24
  
- [Tiptap best practices and tips](/docs/guides/tiptap-best-practices-and-tips)
  - Tags: Tutorials, Text editors, Tiptap, Yjs
  - Date: 2025-10-24
  
- [Migrating from Tiptap 2 to 3](/docs/guides/migrating-from-tiptap-2-to-3)
  - Tags: Text editors, Tiptap, React
  - Date: 2025-10-22
  
- [Why you can't delete Yjs documents](/docs/guides/why-you-cant-delete-yjs-documents)
  - Tags: Data fetching, REST API, Yjs
  - Date: 2025-11-26
  
- [Can I use my own database with Yjs?](/docs/guides/can-i-use-my-own-database-with-yjs)
  - Tags: Webhooks, Databases, REST API, Yjs, Node.js
  - Date: 2025-11-26
  
- [How to notify users about unread comments outside of your app](/docs/guides/how-to-notify-users-about-unread-comments-outside-of-your-app)
  - Tags: Comments, Tutorials, Webhooks, Notifications, React UI, Node.js
  - Date: 2026-01-23
  
- [How to notify users about unread custom notifications outside of your app](/docs/guides/how-to-notify-users-about-unread-custom-notifications-outside-of-your-app)
  - Tags: Notifications, Tutorials, Webhooks, React UI, Node.js
  - Date: 2026-01-29
  
- [The new realtime data storage engine and its benefits](/docs/guides/about-the-new-storage-engine)
  - Tags: , Storage
  - Date: 2026-02-10
  
- [How to set up Continuous Integration (CI) testing](/docs/guides/how-to-set-up-continuous-integration-ci-testing)
  - Tags: Tutorials, Node.js
  - Date: 2026-02-06
  
- [How to set up End-to-End (E2E) testing with Playwright](/docs/guides/how-to-set-up-end-to-end-e2e-testing-with-playwright)
  - Tags: Tutorials, Next.js, React
  - Date: 2026-02-17
  
- [Modifying Storage via REST API with JSON Patch](/docs/guides/modifying-storage-via-rest-api-with-json-patch)
  - Tags: REST API, Storage
  - Date: 2026-02-20
  
- [Enabling agentic workflows with Liveblocks](/docs/guides/enabling-agentic-workflows-with-liveblocks)
  - Tags: REST API, AI Copilots, Webhooks, React, Node.js
  - Date: 2026-02-20
  
- [How to add users to Liveblocks presence components](/docs/guides/how-to-add-users-to-liveblocks-presence-components)
  - Tags: Tutorials, Data fetching, React UI, React
  - Date: 2026-03-04
  
---

For an overview of all available documentation, see [/llms.txt](/llms.txt).