From 13aea74e9f0d55136bd1ee210e4a1aaafdae30da Mon Sep 17 00:00:00 2001
From: "devin-ai-integration[bot]"
 <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Thu, 16 Jul 2026 16:23:56 +0100
Subject: [PATCH 1/2] docs: link matching example above quickstart in
 get-started guides (#3585)

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: Chris Nicholas <ctnicholasdev@gmail.com>
---
 docs/pages/get-started/nextjs-ai-chat.mdx                   | 6 ++++++
 docs/pages/get-started/nextjs-ai-react-flow.mdx             | 6 ++++++
 docs/pages/get-started/nextjs-blocknote.mdx                 | 6 ++++++
 docs/pages/get-started/nextjs-chat-sdk-bot.mdx              | 6 ++++++
 docs/pages/get-started/nextjs-comments-ai.mdx               | 6 ++++++
 docs/pages/get-started/nextjs-comments-canvas.mdx           | 6 ++++++
 docs/pages/get-started/nextjs-comments-handsontable.mdx     | 6 ++++++
 docs/pages/get-started/nextjs-comments.mdx                  | 6 ++++++
 docs/pages/get-started/nextjs-lexical.mdx                   | 6 ++++++
 docs/pages/get-started/nextjs-multiplayer-handsontable.mdx  | 6 ++++++
 .../pages/get-started/nextjs-notifications-custom-email.mdx | 2 +-
 .../nextjs-notifications-custom-microsoft-teams.mdx         | 2 +-
 .../pages/get-started/nextjs-notifications-custom-slack.mdx | 2 +-
 .../get-started/nextjs-notifications-custom-web-push.mdx    | 2 +-
 .../get-started/nextjs-notifications-custom-webhooks.mdx    | 2 +-
 docs/pages/get-started/nextjs-notifications-email.mdx       | 2 +-
 .../get-started/nextjs-notifications-microsoft-teams.mdx    | 2 +-
 docs/pages/get-started/nextjs-notifications-slack.mdx       | 2 +-
 docs/pages/get-started/nextjs-notifications-web-push.mdx    | 2 +-
 docs/pages/get-started/nextjs-notifications-webhooks.mdx    | 2 +-
 docs/pages/get-started/nextjs-react-flow.mdx                | 6 ++++++
 docs/pages/get-started/nextjs-tiptap.mdx                    | 6 ++++++
 docs/pages/get-started/react-comments.mdx                   | 6 ++++++
 docs/pages/get-started/yjs-superdoc-nextjs.mdx              | 6 ++++++
 24 files changed, 94 insertions(+), 10 deletions(-)

diff --git a/docs/pages/get-started/nextjs-ai-chat.mdx b/docs/pages/get-started/nextjs-ai-chat.mdx
index 4110d0752b1..0300d50f929 100644
--- 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 />
diff --git a/docs/pages/get-started/nextjs-ai-react-flow.mdx b/docs/pages/get-started/nextjs-ai-react-flow.mdx
index a49fdf1a03b..98254db0359 100644
--- a/docs/pages/get-started/nextjs-ai-react-flow.mdx
+++ b/docs/pages/get-started/nextjs-ai-react-flow.mdx
@@ -15,6 +15,12 @@ from your Next.js `/app` directory application using
 [`@liveblocks/react-flow`](/docs/api-reference/liveblocks-react-flow), the
 [Vercel AI SDK](https://ai-sdk.dev), and [OpenAI](https://platform.openai.com).
 
+<Banner title="Live example">
+
+See the finished result in the [Collaborative Flowchart AI](/examples/collaborative-flowchart-ai/nextjs-react-flow-ai) example.
+
+</Banner>
+
 ## Quickstart
 
 <PromptCta />
diff --git a/docs/pages/get-started/nextjs-blocknote.mdx b/docs/pages/get-started/nextjs-blocknote.mdx
index 3b6e3944ce9..102bcbd068d 100644
--- a/docs/pages/get-started/nextjs-blocknote.mdx
+++ b/docs/pages/get-started/nextjs-blocknote.mdx
@@ -13,6 +13,12 @@ collaboration to your Next.js application using the APIs from the
 [`@liveblocks/react-blocknote`](/docs/api-reference/liveblocks-react-blocknote)
 package.
 
+<Banner title="Live example">
+
+See the finished result in the [Collaborative Text Editor](/examples/collaborative-text-editor/nextjs-blocknote) example.
+
+</Banner>
+
 ## Quickstart
 
 <PromptCta />
diff --git a/docs/pages/get-started/nextjs-chat-sdk-bot.mdx b/docs/pages/get-started/nextjs-chat-sdk-bot.mdx
index b5cd9a4c337..709315b5046 100644
--- a/docs/pages/get-started/nextjs-chat-sdk-bot.mdx
+++ b/docs/pages/get-started/nextjs-chat-sdk-bot.mdx
@@ -13,6 +13,12 @@ that reads and responds to Liveblocks comment threads using the
 [`@liveblocks/chat-sdk-adapter`](/docs/api-reference/liveblocks-chat-sdk-adapter)
 in your Next.js `/app` directory application.
 
+<Banner title="Live example">
+
+See the finished result in the [Chat SDK Bot](/examples/chat-sdk-bot/nextjs-chat-sdk-bot) example.
+
+</Banner>
+
 ## Quickstart
 
 <PromptCta />
diff --git a/docs/pages/get-started/nextjs-comments-ai.mdx b/docs/pages/get-started/nextjs-comments-ai.mdx
index acdff9b8fed..14eae9ebb00 100644
--- a/docs/pages/get-started/nextjs-comments-ai.mdx
+++ b/docs/pages/get-started/nextjs-comments-ai.mdx
@@ -14,6 +14,12 @@ thread, using [`@liveblocks/node`](/docs/api-reference/liveblocks-node), the
 [Vercel AI SDK](https://ai-sdk.dev), and [Anthropic](https://anthropic.com), in
 your Next.js `/app` directory application.
 
+<Banner title="Live example">
+
+See the finished result in the [AI Comments](/examples/ai-comments/nextjs-comments-ai) example.
+
+</Banner>
+
 ## Quickstart
 
 <PromptCta />
diff --git a/docs/pages/get-started/nextjs-comments-canvas.mdx b/docs/pages/get-started/nextjs-comments-canvas.mdx
index b1d5eb9aa98..93d8fdc2d19 100644
--- a/docs/pages/get-started/nextjs-comments-canvas.mdx
+++ b/docs/pages/get-started/nextjs-comments-canvas.mdx
@@ -13,6 +13,12 @@ hooks 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 [Canvas Comments](/examples/canvas-comments/nextjs-comments-canvas) example.
+
+</Banner>
+
 ## Quickstart
 
 <PromptCta />
diff --git a/docs/pages/get-started/nextjs-comments-handsontable.mdx b/docs/pages/get-started/nextjs-comments-handsontable.mdx
index e18e8bccdf3..be6b68c1ec4 100644
--- a/docs/pages/get-started/nextjs-comments-handsontable.mdx
+++ b/docs/pages/get-started/nextjs-comments-handsontable.mdx
@@ -13,6 +13,12 @@ hooks 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 [Handsontable Comments](/examples/handsontable-comments/nextjs-comments-handsontable) example.
+
+</Banner>
+
 ## Quickstart
 
 <PromptCta />
diff --git a/docs/pages/get-started/nextjs-comments.mdx b/docs/pages/get-started/nextjs-comments.mdx
index 67c13fc2886..415a8edfe5f 100644
--- a/docs/pages/get-started/nextjs-comments.mdx
+++ b/docs/pages/get-started/nextjs-comments.mdx
@@ -13,6 +13,12 @@ hooks 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 [Comments](/examples/comments/nextjs-comments) example.
+
+</Banner>
+
 ## Quickstart
 
 <PromptCta />
diff --git a/docs/pages/get-started/nextjs-lexical.mdx b/docs/pages/get-started/nextjs-lexical.mdx
index dce138ac1b3..084b891d104 100644
--- a/docs/pages/get-started/nextjs-lexical.mdx
+++ b/docs/pages/get-started/nextjs-lexical.mdx
@@ -13,6 +13,12 @@ collaboration to your Next.js application using the APIs from the
 [`@liveblocks/react-lexical`](/docs/api-reference/liveblocks-react-lexical)
 package.
 
+<Banner title="Live example">
+
+See the finished result in the [Collaborative Text Editor](/examples/collaborative-text-editor/nextjs-lexical) example.
+
+</Banner>
+
 ## Quickstart
 
 <PromptCta />
diff --git a/docs/pages/get-started/nextjs-multiplayer-handsontable.mdx b/docs/pages/get-started/nextjs-multiplayer-handsontable.mdx
index 3eb577e8dc6..c4c083891f9 100644
--- a/docs/pages/get-started/nextjs-multiplayer-handsontable.mdx
+++ b/docs/pages/get-started/nextjs-multiplayer-handsontable.mdx
@@ -15,6 +15,12 @@ multiplayer to a Handsontable spreadsheet in your Next.js `/app` directory
 application using the hooks from
 [`@liveblocks/react`](/docs/api-reference/liveblocks-react).
 
+<Banner title="Live example">
+
+See the finished result in the [Multiplayer Handsontable](/examples/multiplayer-handsontable/nextjs-multiplayer-handsontable) example.
+
+</Banner>
+
 ## Quickstart
 
 <PromptCta />
diff --git a/docs/pages/get-started/nextjs-notifications-custom-email.mdx b/docs/pages/get-started/nextjs-notifications-custom-email.mdx
index 8618ca04390..63f7b3068cb 100644
--- a/docs/pages/get-started/nextjs-notifications-custom-email.mdx
+++ b/docs/pages/get-started/nextjs-notifications-custom-email.mdx
@@ -132,7 +132,7 @@ Congratulations! You've set up Email notifications in your Next.js application.
   <ExampleCard
     example={{
       title: "Comments notifications",
-      slug: "https://liveblocks.io/examples/comments-emails",
+      slug: "/examples/comments-emails",
       image: "/images/examples/thumbnails/comments-notifications.png",
     }}
     technologies={["nextjs", "react"]}
diff --git a/docs/pages/get-started/nextjs-notifications-custom-microsoft-teams.mdx b/docs/pages/get-started/nextjs-notifications-custom-microsoft-teams.mdx
index d1f8ae31c21..fef12d1a3b4 100644
--- a/docs/pages/get-started/nextjs-notifications-custom-microsoft-teams.mdx
+++ b/docs/pages/get-started/nextjs-notifications-custom-microsoft-teams.mdx
@@ -134,7 +134,7 @@ application.
   <ExampleCard
     example={{
       title: "Comments notifications",
-      slug: "https://liveblocks.io/examples/comments-emails",
+      slug: "/examples/comments-emails",
       image: "/images/examples/thumbnails/comments-notifications.png",
     }}
     technologies={["nextjs", "react"]}
diff --git a/docs/pages/get-started/nextjs-notifications-custom-slack.mdx b/docs/pages/get-started/nextjs-notifications-custom-slack.mdx
index cc4e34802a6..e0b7c8bf95c 100644
--- a/docs/pages/get-started/nextjs-notifications-custom-slack.mdx
+++ b/docs/pages/get-started/nextjs-notifications-custom-slack.mdx
@@ -133,7 +133,7 @@ Congratulations! You've set up Slack notifications in your Next.js application.
   <ExampleCard
     example={{
       title: "Comments notifications",
-      slug: "https://liveblocks.io/examples/comments-emails",
+      slug: "/examples/comments-emails",
       image: "/images/examples/thumbnails/comments-notifications.png",
     }}
     technologies={["nextjs", "react"]}
diff --git a/docs/pages/get-started/nextjs-notifications-custom-web-push.mdx b/docs/pages/get-started/nextjs-notifications-custom-web-push.mdx
index d39c73a13f5..c88fe814e04 100644
--- a/docs/pages/get-started/nextjs-notifications-custom-web-push.mdx
+++ b/docs/pages/get-started/nextjs-notifications-custom-web-push.mdx
@@ -134,7 +134,7 @@ application.
   <ExampleCard
     example={{
       title: "Comments notifications",
-      slug: "https://liveblocks.io/examples/comments-emails",
+      slug: "/examples/comments-emails",
       image: "/images/examples/thumbnails/comments-notifications.png",
     }}
     technologies={["nextjs", "react"]}
diff --git a/docs/pages/get-started/nextjs-notifications-custom-webhooks.mdx b/docs/pages/get-started/nextjs-notifications-custom-webhooks.mdx
index 4466d503e46..290fcf1f5e7 100644
--- a/docs/pages/get-started/nextjs-notifications-custom-webhooks.mdx
+++ b/docs/pages/get-started/nextjs-notifications-custom-webhooks.mdx
@@ -133,7 +133,7 @@ application.
   <ExampleCard
     example={{
       title: "Comments notifications",
-      slug: "https://liveblocks.io/examples/comments-emails",
+      slug: "/examples/comments-emails",
       image: "/images/examples/thumbnails/comments-notifications.png",
     }}
     technologies={["nextjs", "react"]}
diff --git a/docs/pages/get-started/nextjs-notifications-email.mdx b/docs/pages/get-started/nextjs-notifications-email.mdx
index b126aa6d939..60cb5bc71d9 100644
--- a/docs/pages/get-started/nextjs-notifications-email.mdx
+++ b/docs/pages/get-started/nextjs-notifications-email.mdx
@@ -78,7 +78,7 @@ Congratulations! You've set up email notifications in your Next.js application.
   <ExampleCard
     example={{
       title: "Comments notifications",
-      slug: "https://liveblocks.io/examples/comments-emails",
+      slug: "/examples/comments-emails",
       image: "/images/examples/thumbnails/comments-notifications.png",
     }}
     technologies={["nextjs", "react"]}
diff --git a/docs/pages/get-started/nextjs-notifications-microsoft-teams.mdx b/docs/pages/get-started/nextjs-notifications-microsoft-teams.mdx
index fd6f7369db0..438bbe5edea 100644
--- a/docs/pages/get-started/nextjs-notifications-microsoft-teams.mdx
+++ b/docs/pages/get-started/nextjs-notifications-microsoft-teams.mdx
@@ -81,7 +81,7 @@ application.
   <ExampleCard
     example={{
       title: "Comments notifications",
-      slug: "https://liveblocks.io/examples/comments-emails",
+      slug: "/examples/comments-emails",
       image: "/images/examples/thumbnails/comments-notifications.png",
     }}
     technologies={["nextjs", "react"]}
diff --git a/docs/pages/get-started/nextjs-notifications-slack.mdx b/docs/pages/get-started/nextjs-notifications-slack.mdx
index bc0e008ef9a..3a4571ba5f5 100644
--- a/docs/pages/get-started/nextjs-notifications-slack.mdx
+++ b/docs/pages/get-started/nextjs-notifications-slack.mdx
@@ -80,7 +80,7 @@ Congratulations! You've set up Slack notifications in your Next.js application.
   <ExampleCard
     example={{
       title: "Comments notifications",
-      slug: "https://liveblocks.io/examples/comments-emails",
+      slug: "/examples/comments-emails",
       image: "/images/examples/thumbnails/comments-notifications.png",
     }}
     technologies={["nextjs", "react"]}
diff --git a/docs/pages/get-started/nextjs-notifications-web-push.mdx b/docs/pages/get-started/nextjs-notifications-web-push.mdx
index fbcf10b8c5c..35a36af39ff 100644
--- a/docs/pages/get-started/nextjs-notifications-web-push.mdx
+++ b/docs/pages/get-started/nextjs-notifications-web-push.mdx
@@ -81,7 +81,7 @@ application.
   <ExampleCard
     example={{
       title: "Comments notifications",
-      slug: "https://liveblocks.io/examples/comments-emails",
+      slug: "/examples/comments-emails",
       image: "/images/examples/thumbnails/comments-notifications.png",
     }}
     technologies={["nextjs", "react"]}
diff --git a/docs/pages/get-started/nextjs-notifications-webhooks.mdx b/docs/pages/get-started/nextjs-notifications-webhooks.mdx
index f51ff013363..dba7cbfc7ae 100644
--- a/docs/pages/get-started/nextjs-notifications-webhooks.mdx
+++ b/docs/pages/get-started/nextjs-notifications-webhooks.mdx
@@ -80,7 +80,7 @@ application.
   <ExampleCard
     example={{
       title: "Comments notifications",
-      slug: "https://liveblocks.io/examples/comments-emails",
+      slug: "/examples/comments-emails",
       image: "/images/examples/thumbnails/comments-notifications.png",
     }}
     technologies={["nextjs", "react"]}
diff --git a/docs/pages/get-started/nextjs-react-flow.mdx b/docs/pages/get-started/nextjs-react-flow.mdx
index c8abe0ac0d5..90a1b18a88e 100644
--- a/docs/pages/get-started/nextjs-react-flow.mdx
+++ b/docs/pages/get-started/nextjs-react-flow.mdx
@@ -12,6 +12,12 @@ collaborative experiences. Follow the following steps to start adding
 collaboration to your Next.js application using the APIs from the
 [`@liveblocks/react-flow`](/docs/api-reference/liveblocks-react-flow) package.
 
+<Banner title="Live example">
+
+See the finished result in the [Collaborative Flowchart](/examples/collaborative-flowchart/nextjs-react-flow) example.
+
+</Banner>
+
 ## Quickstart
 
 <PromptCta />
diff --git a/docs/pages/get-started/nextjs-tiptap.mdx b/docs/pages/get-started/nextjs-tiptap.mdx
index 140b2f629cb..d3a5bf3e740 100644
--- a/docs/pages/get-started/nextjs-tiptap.mdx
+++ b/docs/pages/get-started/nextjs-tiptap.mdx
@@ -12,6 +12,12 @@ collaboration to your Next.js application using the APIs from the
 [`@liveblocks/react-tiptap`](/docs/api-reference/liveblocks-react-tiptap)
 package.
 
+<Banner title="Live example">
+
+See the finished result in the [Collaborative Text Editor](/examples/collaborative-text-editor/nextjs-tiptap) example.
+
+</Banner>
+
 ## Quickstart
 
 <PromptCta />
diff --git a/docs/pages/get-started/react-comments.mdx b/docs/pages/get-started/react-comments.mdx
index feeb1069dee..484b4556c0d 100644
--- a/docs/pages/get-started/react-comments.mdx
+++ b/docs/pages/get-started/react-comments.mdx
@@ -13,6 +13,12 @@ commenting experience to your React application using the hooks 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 [Comments](/examples/comments/react-comments) example.
+
+</Banner>
+
 ## Quickstart
 
 <PromptCta />
diff --git a/docs/pages/get-started/yjs-superdoc-nextjs.mdx b/docs/pages/get-started/yjs-superdoc-nextjs.mdx
index 31d9dc0b5d3..addc3e49f57 100644
--- a/docs/pages/get-started/yjs-superdoc-nextjs.mdx
+++ b/docs/pages/get-started/yjs-superdoc-nextjs.mdx
@@ -12,6 +12,12 @@ collaboration to your Next.js application using the APIs from the
 [`@liveblocks/yjs`](/docs/api-reference/liveblocks-yjs) package, and
 [SuperDoc](https://superdoc.dev), a collaborative DOCX editor for the web.
 
+<Banner title="Live example">
+
+See the finished result in the [Collaborative DOCX Editor](/examples/collaborative-text-editor/nextjs-yjs-superdoc) example.
+
+</Banner>
+
 ## Quickstart
 
 <PromptCta />

From 7cd4fe6f7cd623eb8a4accbe7096b056af9ef442 Mon Sep 17 00:00:00 2001
From: "devin-ai-integration[bot]"
 <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Date: Thu, 16 Jul 2026 17:20:40 +0100
Subject: [PATCH 2/2] docs: add guides sections before API reference on
 collaboration-features pages (#3586)

Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com>
Co-authored-by: Chris Nicholas <ctnicholasdev@gmail.com>
---
 .../ai-collaboration.mdx                      | 21 +++++++++++
 .../collaboration-features/ai-copilots.mdx    | 28 +++++++++++++++
 .../pages/collaboration-features/comments.mdx | 35 +++++++++++++++++++
 .../collaboration-features/multiplayer.mdx    | 32 +++++++++++++++++
 .../sync-engine/liveblocks-storage.mdx        | 35 +++++++++++++++++++
 .../sync-engine/liveblocks-yjs.mdx            | 35 +++++++++++++++++++
 .../multiplayer/text-editor/blocknote.mdx     | 21 +++++++++++
 .../multiplayer/text-editor/lexical.mdx       | 28 +++++++++++++++
 .../multiplayer/text-editor/tiptap.mdx        | 35 +++++++++++++++++++
 .../collaboration-features/notifications.mdx  | 35 +++++++++++++++++++
 10 files changed, 305 insertions(+)

diff --git a/docs/pages/collaboration-features/ai-collaboration.mdx b/docs/pages/collaboration-features/ai-collaboration.mdx
index dccbdd573dc..158ef3b38e9 100644
--- 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
index 835efb747e4..0dda057fe5f 100644
--- 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
index aa26153a21a..f729992b8c2 100644
--- 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
index 6b367398d87..b66677d33ab 100644
--- 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
index 7aae128c5ca..28454670f40 100644
--- 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
index 95010db968e..346ae305c0f 100644
--- 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
index 065c1dddc30..62354fc3c05 100644
--- 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
index 4621550b756..244db4e0a57 100644
--- 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
index 9efb2509af1..22eb54d6cda 100644
--- 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
index 6db97935104..3430a3d1e4e 100644
--- 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}>