diff --git a/docs/bos/queryapi/component.md b/docs/bos/queryapi/component.md
index 739c75d477e..31d68634d20 100644
--- a/docs/bos/queryapi/component.md
+++ b/docs/bos/queryapi/component.md
@@ -70,5 +70,7 @@ Next, you can create a nice UI over this boilerplate code, and publish your new
 ### Component Examples
 
 - [Activity Feed widget](https://near.org/near/widget/ComponentDetailsPage?src=roshaan.near/widget/user-activity-feed&tab=source) running on [near.org](https://near.org)
-- Example of BOS component using BigQuery
 
+<!--
+- Example of BOS component using BigQuery
+-->
diff --git a/docs/bos/queryapi/how-works.md b/docs/bos/queryapi/how-works.md
new file mode 100644
index 00000000000..8b9bae465e3
--- /dev/null
+++ b/docs/bos/queryapi/how-works.md
@@ -0,0 +1,15 @@
+---
+id: how-it-works
+title: How QueryAPI works
+sidebar_label: How it works
+---
+
+
+Near QueryAPI is a fully managed solution to build indexer functions,
+extract on-chain data, store it in a database, and be able to query it using GraphQL endpoints.
+
+
+- Components involved 
+(Protocol -> NEAR Lake -> Coordinator -> Database -> API)
+- Who hosts this
+
diff --git a/website/sidebars.json b/website/sidebars.json
index e98c3a034bd..834cc6b5c0d 100644
--- a/website/sidebars.json
+++ b/website/sidebars.json
@@ -580,20 +580,6 @@
         "bos/api/storage"
       ]
     },
-    {
-      "Indexing": [
-        "bos/queryapi/intro",
-        "bos/queryapi/index-functions",
-        "bos/community/indexers",
-        {
-          "Tutorials": [
-            "bos/tutorial/indexer-tutorials/posts-indexer",
-            "bos/tutorial/indexer-tutorials/hype-indexer",
-            "bos/tutorial/indexer-tutorials/feed-indexer"
-          ]
-        }
-      ]
-    },
     {
       "Examples & Tutorials": [
         "bos/tutorial/quickstart",
@@ -685,6 +671,25 @@
       "type": "html",
       "value": "<hr/>"
     },
+    {
+      "type": "html",
+      "value": "<span class='menu__link'><b><small> QueryAPI </small></b></span>"
+    },
+    "bos/queryapi/intro",
+    "bos/queryapi/how-it-works",
+    "bos/queryapi/index-functions",
+    "bos/community/indexers",
+    {
+      "Tutorials": [
+        "bos/tutorial/indexer-tutorials/posts-indexer",
+        "bos/tutorial/indexer-tutorials/hype-indexer",
+        "bos/tutorial/indexer-tutorials/feed-indexer"
+      ]
+    },
+    {
+      "type": "html",
+      "value": "<hr/>"
+    },
     {
       "type": "html",
       "value": "<span class='menu__link'><b><small> NEAR Lake Framework </small></b></span>"