code · pull · Jul 16, 2026 · Jul 16, 2026 · Jul 16, 2026
diff --git a/docs/pages/collaboration-features/ai-collaboration.mdx b/docs/pages/collaboration-features/ai-collaboration.mdx
@@ -242,6 +242,27 @@ multiplayer state, and more.
   <a href="/docs/integrations/n8n-nodes">Learn more about Liveblocks n8n nodes</a>
 </Button>
 
+## AI Collaboration guides
+
+<ListGrid columns={2}>
+  <DocsCard
+    type="technology"
+    title="AI Copilots guides"
+    href="/docs/guides?topics=ai-copilots"
+    description="All how-to guides for AI Copilots"
+    visual={
+      <DocsBooksIcon className="fill-product-icon-brand h-auto w-6" />
+    }
+  />
+  <DocsCard
+    type="technology"
+    title="Agentic workflows"
+    href="/docs/guides/enabling-agentic-workflows-with-liveblocks"
+    description="Build AI agents with Liveblocks"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+</ListGrid>
+
 ## API Reference
 
 <ListGrid columns={2}>

diff --git a/docs/pages/collaboration-features/ai-copilots.mdx b/docs/pages/collaboration-features/ai-copilots.mdx
@@ -78,6 +78,34 @@ can understand and modify your application state.
   />
 </ListGrid>
 
+## AI Copilots guides
+
+<ListGrid columns={2}>
+  <DocsCard
+    type="technology"
+    title="AI Copilots guides"
+    href="/docs/guides?topics=ai-copilots"
+    description="All how-to guides for AI Copilots"
+    visual={
+      <DocsBooksIcon className="fill-product-icon-brand h-auto w-6" />
+    }
+  />
+  <DocsCard
+    type="technology"
+    title="Agentic workflows"
+    href="/docs/guides/enabling-agentic-workflows-with-liveblocks"
+    description="Build AI agents with Liveblocks"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+  <DocsCard
+    type="technology"
+    title="Fallback AI models"
+    href="/docs/guides/how-to-use-fallback-ai-models-in-ai-copilots"
+    description="Add backup models for reliability"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+</ListGrid>
+
 ## AI Copilots API Reference
 
 <ListGrid columns={2}>

diff --git a/docs/pages/collaboration-features/comments.mdx b/docs/pages/collaboration-features/comments.mdx
@@ -78,6 +78,41 @@ annotations, video annotations, and more.
   />
 </ListGrid>
 
+## Comments guides
+
+<ListGrid columns={2}>
+  <DocsCard
+    type="technology"
+    title="Comments guides"
+    href="/docs/guides?topics=comments"
+    description="All how-to guides for Comments"
+    visual={
+      <DocsBooksIcon className="fill-product-icon-brand h-auto w-6" />
+    }
+  />
+  <DocsCard
+    type="technology"
+    title="Add private commenting"
+    href="/docs/guides/how-to-add-private-commenting-to-your-app"
+    description="Internal notes and team-only threads"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+  <DocsCard
+    type="technology"
+    title="Filter threads"
+    href="/docs/guides/how-to-filter-threads-using-query-language"
+    description="Query threads with metadata"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+  <DocsCard
+    type="technology"
+    title="Migrate to Comments"
+    href="/docs/guides/how-to-migrate-to-liveblocks-comments"
+    description="Move from another system"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+</ListGrid>
+
 ## Comments API Reference
 
 <ListGrid columns={2}>

diff --git a/docs/pages/collaboration-features/multiplayer.mdx b/docs/pages/collaboration-features/multiplayer.mdx
@@ -69,6 +69,38 @@ editors (like Tiptap, Lexical, or BlockNote), or more general packages like
   />
 </ListGrid>
 
+## Multiplayer guides
+
+<ListGrid columns={2}>
+  <DocsCard
+    type="technology"
+    title="Text editor guides"
+    href="/docs/guides?topics=text-editors"
+    description="All how-to guides for text editors"
+    visual={
+      <DocsBooksIcon className="fill-product-icon-brand h-auto w-6" />
+    }
+  />
+  <DocsCard
+    type="technology"
+    title="Storage guides"
+    href="/docs/guides?technologies=storage"
+    description="All how-to guides for Storage"
+    visual={
+      <DocsBooksIcon className="fill-product-icon-brand h-auto w-6" />
+    }
+  />
+  <DocsCard
+    type="technology"
+    title="Yjs guides"
+    href="/docs/guides?technologies=yjs"
+    description="All how-to guides for Yjs"
+    visual={
+      <DocsBooksIcon className="fill-product-icon-brand h-auto w-6" />
+    }
+  />
+</ListGrid>
+
 ## Multiplayer API Reference
 
 ### Text editor SDKs

diff --git a/docs/pages/collaboration-features/multiplayer/sync-engine/liveblocks-storage.mdx b/docs/pages/collaboration-features/multiplayer/sync-engine/liveblocks-storage.mdx
@@ -360,6 +360,41 @@ await liveblocks.broadcastEvent("my-room-id", { type: "PLAY_VIDEO" });
 The same operation can be performed using the
 [Broadcast event to a room REST API](/docs/api-reference/rest-api-endpoints#post-broadcast-event).
 
+## Storage guides
+
+<ListGrid columns={2}>
+  <DocsCard
+    type="technology"
+    title="Storage guides"
+    href="/docs/guides?technologies=storage"
+    description="All how-to guides for Storage"
+    visual={
+      <DocsBooksIcon className="fill-product-icon-brand h-auto w-6" />
+    }
+  />
+  <DocsCard
+    type="technology"
+    title="Modify on the server"
+    href="/docs/guides/how-to-modify-liveblocks-storage-from-the-server"
+    description="Update Storage from your back end"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+  <DocsCard
+    type="technology"
+    title="Sync to a database"
+    href="/docs/guides/how-to-synchronize-your-liveblocks-storage-document-data-to-a-vercel-postgres-database"
+    description="Persist Storage data to Postgres"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+  <DocsCard
+    type="technology"
+    title="Add version history"
+    href="/docs/guides/how-to-add-version-history-to-your-app"
+    description="Track and restore versions"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+</ListGrid>
+
 ## API Reference
 
 ### Presence

diff --git a/docs/pages/collaboration-features/multiplayer/sync-engine/liveblocks-yjs.mdx b/docs/pages/collaboration-features/multiplayer/sync-engine/liveblocks-yjs.mdx
@@ -144,6 +144,41 @@ different editors.
   </a>
 </Button>
 
+## Yjs guides
+
+<ListGrid columns={2}>
+  <DocsCard
+    type="technology"
+    title="Yjs guides"
+    href="/docs/guides?technologies=yjs"
+    description="All how-to guides for Yjs"
+    visual={
+      <DocsBooksIcon className="fill-product-icon-brand h-auto w-6" />
+    }
+  />
+  <DocsCard
+    type="technology"
+    title="Use Y.Doc on the server"
+    href="/docs/guides/how-to-use-your-ydoc-on-the-server"
+    description="Access Yjs data from your back end"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+  <DocsCard
+    type="technology"
+    title="Yjs best practices"
+    href="/docs/guides/yjs-best-practices-and-tips"
+    description="Tips for building with Yjs"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+  <DocsCard
+    type="technology"
+    title="Use subdocuments"
+    href="/docs/guides/how-to-use-yjs-subdocuments"
+    description="Split data into subdocuments"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+</ListGrid>
+
 ## API Reference
 
 <ListGrid columns={2}>

diff --git a/docs/pages/collaboration-features/multiplayer/text-editor/blocknote.mdx b/docs/pages/collaboration-features/multiplayer/text-editor/blocknote.mdx
@@ -311,6 +311,27 @@ restore different versions.
 Learn more in our
 [version history guide](/docs/guides/how-to-add-version-history-to-your-app).
 
+## BlockNote guides
+
+<ListGrid columns={2}>
+  <DocsCard
+    type="technology"
+    title="BlockNote guides"
+    href="/docs/guides?technologies=blocknote"
+    description="All how-to guides for BlockNote"
+    visual={
+      <DocsBooksIcon className="fill-product-icon-brand h-auto w-6" />
+    }
+  />
+  <DocsCard
+    type="technology"
+    title="Set a default value"
+    href="/docs/guides/setting-an-initial-or-default-value-in-blocknote"
+    description="Add initial editor content"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+</ListGrid>
+
 ## BlockNote API Reference
 
 <ListGrid columns={2}>

diff --git a/docs/pages/collaboration-features/multiplayer/text-editor/lexical.mdx b/docs/pages/collaboration-features/multiplayer/text-editor/lexical.mdx
@@ -368,6 +368,34 @@ restore different versions.
 Learn more in our
 [version history guide](/docs/guides/how-to-add-version-history-to-your-app).
 
+## Lexical guides
+
+<ListGrid columns={2}>
+  <DocsCard
+    type="technology"
+    title="Lexical guides"
+    href="/docs/guides?technologies=lexical"
+    description="All how-to guides for Lexical"
+    visual={
+      <DocsBooksIcon className="fill-product-icon-brand h-auto w-6" />
+    }
+  />
+  <DocsCard
+    type="technology"
+    title="Add users and mentions"
+    href="/docs/guides/how-to-add-users-to-liveblocks-text-editor"
+    description="Show user info and mentions"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+  <DocsCard
+    type="technology"
+    title="Build a Lexical editor"
+    href="/docs/guides/how-to-create-a-collaborative-text-editor-with-lexical-yjs-nextjs-and-liveblocks"
+    description="Full collaborative editor guide"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+</ListGrid>
+
 ## Lexical API Reference
 
 <ListGrid columns={2}>

diff --git a/docs/pages/collaboration-features/multiplayer/text-editor/tiptap.mdx b/docs/pages/collaboration-features/multiplayer/text-editor/tiptap.mdx
@@ -406,6 +406,41 @@ restore different versions.
 Learn more in our
 [version history guide](/docs/guides/how-to-add-version-history-to-your-app).
 
+## Tiptap guides
+
+<ListGrid columns={2}>
+  <DocsCard
+    type="technology"
+    title="Tiptap guides"
+    href="/docs/guides?technologies=tiptap"
+    description="All how-to guides for Tiptap"
+    visual={
+      <DocsBooksIcon className="fill-product-icon-brand h-auto w-6" />
+    }
+  />
+  <DocsCard
+    type="technology"
+    title="Tiptap best practices"
+    href="/docs/guides/tiptap-best-practices-and-tips"
+    description="Tips for building with Tiptap"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+  <DocsCard
+    type="technology"
+    title="Get state on the server"
+    href="/docs/guides/getting-tiptap-state-on-the-server"
+    description="Read editor content server-side"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+  <DocsCard
+    type="technology"
+    title="Set a default value"
+    href="/docs/guides/setting-an-initial-or-default-value-in-tiptap"
+    description="Add initial editor content"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+</ListGrid>
+
 ## Tiptap API Reference
 
 <ListGrid columns={2}>

diff --git a/docs/pages/collaboration-features/notifications.mdx b/docs/pages/collaboration-features/notifications.mdx
@@ -59,6 +59,41 @@ also automatically trigger collaboration notifications where appropriate.
   />
 </ListGrid>
 
+## Notifications guides
+
+<ListGrid columns={2}>
+  <DocsCard
+    type="technology"
+    title="Notifications guides"
+    href="/docs/guides?topics=notifications"
+    description="All how-to guides for Notifications"
+    visual={
+      <DocsBooksIcon className="fill-product-icon-brand h-auto w-6" />
+    }
+  />
+  <DocsCard
+    type="technology"
+    title="Add a settings panel"
+    href="/docs/guides/how-to-create-a-notification-settings-panel"
+    description="Let users manage notifications"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+  <DocsCard
+    type="technology"
+    title="Migrate to Notifications"
+    href="/docs/guides/migrating-to-liveblocks-notifications"
+    description="Move from another system"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+  <DocsCard
+    type="technology"
+    title="Customize room names"
+    href="/docs/guides/how-to-customize-room-names-in-inbox-notifications"
+    description="Set readable inbox room names"
+    visual={<DocsBookIcon className="fill-product-icon-brand h-auto w-6" />}
+  />
+</ListGrid>
+
 ## Notifications API Reference
 
 <ListGrid columns={2}>

diff --git a/docs/pages/get-started/nextjs-ai-chat.mdx b/docs/pages/get-started/nextjs-ai-chat.mdx
@@ -13,6 +13,12 @@ from [`@liveblocks/react`](/docs/api-reference/liveblocks-react) and the
 components from
 [`@liveblocks/react-ui`](/docs/api-reference/liveblocks-react-ui).
 
+<Banner title="Live example">
+
+See the finished result in the [AI Chats](/examples/ai-chats/nextjs-ai-chats) example.
+
+</Banner>
+
 ## Quickstart
 
 <PromptCta />