diff --git a/docs/pages/collaboration-features/ai-collaboration.mdx b/docs/pages/collaboration-features/ai-collaboration.mdx
index dccbdd573d..158ef3b38e 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 835efb747e..0dda057fe5 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 aa26153a21..f729992b8c 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 6b367398d8..b66677d33a 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 7aae128c5c..28454670f4 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 95010db968..346ae305c0 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 065c1dddc3..62354fc3c0 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 4621550b75..244db4e0a5 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 9efb2509af..22eb54d6cd 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 6db9793510..3430a3d1e4 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}>
diff --git a/docs/pages/get-started/nextjs-ai-chat.mdx b/docs/pages/get-started/nextjs-ai-chat.mdx
index 4110d0752b..0300d50f92 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 a49fdf1a03..98254db035 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 3b6e3944ce..102bcbd068 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 b5cd9a4c33..709315b504 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 acdff9b8fe..14eae9ebb0 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 b1d5eb9aa9..93d8fdc2d1 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 e18e8bccdf..be6b68c1ec 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 67c13fc288..415a8edfe5 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 dce138ac1b..084b891d10 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 3eb577e8dc..c4c083891f 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 8618ca0439..63f7b3068c 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 d1f8ae31c2..fef12d1a3b 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 cc4e34802a..e0b7c8bf95 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 d39c73a13f..c88fe814e0 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 4466d503e4..290fcf1f5e 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 b126aa6d93..60cb5bc71d 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 fd6f7369db..438bbe5ede 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 bc0e008ef9..3a4571ba5f 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 fbcf10b8c5..35a36af39f 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 f51ff01336..dba7cbfc7a 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 c8abe0ac0d..90a1b18a88 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 140b2f629c..d3a5bf3e74 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 feeb1069de..484b4556c0 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 31d9dc0b5d..addc3e49f5 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 />