Merge pull request #3539 from meilisearch/add-hydration-demo

Add hydration demo

Author: qdequele

assets/images/demos/hydration-demo.png

@@ -1082,7 +1082,8 @@
                   "resources/demos/tenant_tokens",
                   "resources/demos/typo_tolerance",
                   "resources/demos/voice_search",
-                  "resources/demos/rubygems"
+                  "resources/demos/rubygems",
+                  "resources/demos/hydration"
                 ]
               },
               {

docs.json

@@ -0,0 +1,24 @@
+---
+title: Hydration
+sidebarTitle: Hydration
+description: Search results enriched with related data from other indexes using foreign keys
+---
+
+<Info>
+**Live demo**: [demo-hydration.vercel.app/](https://demo-hydration.vercel.app/)
+</Info>
+
+Demonstrates how Meilisearch's foreign keys feature automatically replaces foreign IDs in search results with full documents from a referenced index.
+
+![Hydration demo showing search results enriched with related data](/assets/images/demos/hydration-demo.png)
+
+## Links
+
+<CardGroup cols={2}>
+  <Card title="Try the demo" icon="globe" href="https://demo-hydration.vercel.app/">
+    See hydration in action
+  </Card>
+  <Card title="Hydration guide" icon="circle-nodes" href="/capabilities/indexing/how_to/document_relations">
+    Configure foreign keys in your index
+  </Card>
+</CardGroup>