diff --git a/apps/next/src/app/docs/[[...slug]]/page.tsx b/apps/next/src/app/docs/[[...slug]]/page.tsx
index c784a3f2ef1cb36793151bac7c21a0d584e6bf74..9602aef75130a4b25a552aef8d6f4b1c615d1584 100644
--- a/apps/next/src/app/docs/[[...slug]]/page.tsx
+++ b/apps/next/src/app/docs/[[...slug]]/page.tsx
@@ -20,7 +20,16 @@ export default async function Page(props: {
   const MDX = page.data.body;
 
   return (
-    <DocsPage toc={page.data.toc} full={page.data.full}>
+    <DocsPage
+      toc={page.data.toc}
+      full={page.data.full}
+      editOnGithub={{
+        owner: "run-llama",
+        repo: "LlamaIndexTS",
+        sha: "main",
+        path: `apps/next/src/content/docs/${page.file.path}`,
+      }}
+    >
       <DocsTitle>{page.data.title}</DocsTitle>
       <DocsDescription>{page.data.description}</DocsDescription>
       <DocsBody>
diff --git a/apps/next/src/content/docs/llamaindex/Integration/lang-trace.mdx b/apps/next/src/content/docs/llamaindex/Integration/lang-trace.mdx
new file mode 100644
index 0000000000000000000000000000000000000000..a9500182902166cb84bbd36481c710f39c3aab18
--- /dev/null
+++ b/apps/next/src/content/docs/llamaindex/Integration/lang-trace.mdx
@@ -0,0 +1,39 @@
+---
+title: Langtrace
+description: Learn how to integrate LlamaIndex.TS with Langtrace.
+---
+import { Tab, Tabs } from "fumadocs-ui/components/tabs";
+
+Enhance your observability with Langtrace, a robust open-source tool supports OpenTelemetry and is designed to trace, evaluate, and manage LLM applications seamlessly. Langtrace integrates directly with LlamaIndex, offering detailed, real-time insights into performance metrics such as accuracy, evaluations, and latency.
+
+## Install
+
+- Self-host or sign-up and generate an API key using [Langtrace](https://www.langtrace.ai) Cloud
+
+<Tabs groupId="install-langtrase" items={["npm", "yarn", "pnpm"]} persist>
+	```shell tab="npm"
+	npm install @langtrase/typescript-sdk
+	```
+
+	```shell tab="yarn"
+	yarn add @langtrase/typescript-sdk
+	```
+
+	```shell tab="pnpm"
+	pnpm add @langtrase/typescript-sdk
+	```
+</Tabs>
+
+## Initialize
+
+```js
+import * as Langtrace from "@langtrase/typescript-sdk";
+Langtrace.init({ api_key: "<YOUR_API_KEY>" });
+```
+
+Features:
+
+- OpenTelemetry compliant, ensuring broad compatibility with observability platforms.
+- Provides comprehensive logs and detailed traces of all components.
+- Real-time monitoring of accuracy, evaluations, usage, costs, and latency.
+- For more configuration options and details, visit [Langtrace Docs](https://docs.langtrace.ai/introduction).
diff --git a/apps/next/src/content/docs/llamaindex/Integration/meta.json b/apps/next/src/content/docs/llamaindex/Integration/meta.json
new file mode 100644
index 0000000000000000000000000000000000000000..2d671d4fa2e4ebc05331538a9c09aba6254171d8
--- /dev/null
+++ b/apps/next/src/content/docs/llamaindex/Integration/meta.json
@@ -0,0 +1,5 @@
+{
+  "title": "Integration",
+  "description": "See our integrations",
+  "pages": ["open-llm-metry", "lang-trace"]
+}
diff --git a/apps/next/src/content/docs/llamaindex/Integration/open-llm-metry.mdx b/apps/next/src/content/docs/llamaindex/Integration/open-llm-metry.mdx
new file mode 100644
index 0000000000000000000000000000000000000000..001ce0e24c2b20629055e3e776d7922a916363a2
--- /dev/null
+++ b/apps/next/src/content/docs/llamaindex/Integration/open-llm-metry.mdx
@@ -0,0 +1,34 @@
+---
+title: OpenLLMetry
+description: Learn how to integrate LlamaIndex.TS with OpenLLMetry.
+---
+import { Tab, Tabs } from "fumadocs-ui/components/tabs";
+
+[OpenLLMetry](https://github.com/traceloop/openllmetry-js) is an open-source project based on OpenTelemetry for tracing and monitoring
+LLM applications. It connects to [all major observability platforms](https://www.traceloop.com/docs/openllmetry/integrations/introduction) and installs in minutes.
+
+### Usage Pattern
+
+
+<Tabs groupId="install-traceloop" items={["npm", "yarn", "pnpm"]} persist>
+	```shell tab="npm"
+	npm install @traceloop/node-server-sdk
+	```
+
+	```shell tab="yarn"
+	yarn add @traceloop/node-server-sdk
+	```
+
+	```shell tab="pnpm"
+	pnpm add @traceloop/node-server-sdk
+	```
+</Tabs>
+
+```js
+import * as traceloop from "@traceloop/node-server-sdk";
+
+traceloop.initialize({
+  apiKey: process.env.TRACELOOP_API_KEY,
+  disableBatch: true
+});
+```
\ No newline at end of file
diff --git a/apps/next/src/content/docs/llamaindex/readers/index.mdx b/apps/next/src/content/docs/llamaindex/loading/index.mdx
similarity index 100%
rename from apps/next/src/content/docs/llamaindex/readers/index.mdx
rename to apps/next/src/content/docs/llamaindex/loading/index.mdx
diff --git a/apps/next/src/content/docs/llamaindex/loading/meta.json b/apps/next/src/content/docs/llamaindex/loading/meta.json
new file mode 100644
index 0000000000000000000000000000000000000000..ef3bbec671f7a9aef66685007403f9a8e67820d6
--- /dev/null
+++ b/apps/next/src/content/docs/llamaindex/loading/meta.json
@@ -0,0 +1,5 @@
+{
+  "title": "Loading Data",
+  "description": "Loading Data using LlamaIndex.TS",
+  "pages": ["index"]
+}
diff --git a/apps/next/src/content/docs/llamaindex/meta.json b/apps/next/src/content/docs/llamaindex/meta.json
index 967d9b0764625abef7b4a51976fa7631b224a479..81b31a2ac6a2d82be0f4e750752f321acf2c3ff8 100644
--- a/apps/next/src/content/docs/llamaindex/meta.json
+++ b/apps/next/src/content/docs/llamaindex/meta.json
@@ -8,6 +8,7 @@
     "index",
     "setup",
     "starter",
-    "readers"
+    "loading",
+    "Integration"
   ]
 }
diff --git a/apps/next/src/content/docs/llamaindex/readers/meta.json b/apps/next/src/content/docs/llamaindex/readers/meta.json
deleted file mode 100644
index fb42b41ce8dc3373d03e69c3654ae4752d42592f..0000000000000000000000000000000000000000
--- a/apps/next/src/content/docs/llamaindex/readers/meta.json
+++ /dev/null
@@ -1,5 +0,0 @@
-{
-  "title": "Loading",
-  "description": "File Readers Collection",
-  "pages": ["index"]
-}
diff --git a/apps/next/src/content/docs/llamaindex/setup/getting-started.mdx b/apps/next/src/content/docs/llamaindex/setup/getting-started.mdx
index 180a37c01dbc5aed69b4f8bc153f1282a5958149..f65880d920bb9506d22b9531d725e7dedf79c69c 100644
--- a/apps/next/src/content/docs/llamaindex/setup/getting-started.mdx
+++ b/apps/next/src/content/docs/llamaindex/setup/getting-started.mdx
@@ -20,7 +20,7 @@ import {
 		<>
 			<SiTypescript className="inline" color="#3178C6" /> TypeScript
 		</>
-	} href="/docs/llamaindex/setup/typescript.mdx" />
+	} href="/docs/llamaindex/setup/typescript" />
 	<Card title={
 		<>
 			<SiVite className='inline' color='#646CFF' /> Vite
@@ -29,7 +29,7 @@ import {
 	<Card
 		title={
 			<>
-				<SiNextdotjs className='inline' color='#000000' /> Next.js (React Server Component)
+				<SiNextdotjs className='inline' /> Next.js (React Server Component)
 			</>
 		}
 		href="/docs/llamaindex/setup/next"