diff --git a/apps/developer-hub/package.json b/apps/developer-hub/package.json
index cf6cea95e8..3b0e44e997 100644
--- a/apps/developer-hub/package.json
+++ b/apps/developer-hub/package.json
@@ -20,8 +20,9 @@
"test:types": "tsc",
"generate:docs": "bun ./scripts/generate-docs.ts"
},
- "dependencies": {
- "@phosphor-icons/react": "catalog:",
+ "dependencies": {
+ "@cookbookdev/docsbot": "^4.21.5",
+ "@phosphor-icons/react": "catalog:",
"@pythnetwork/component-library": "workspace:*",
"@pythnetwork/contract-manager": "workspace:*",
"@pythnetwork/entropy-sdk-solidity": "workspace:*",
diff --git a/apps/developer-hub/src/components/AskCookbook/index.tsx b/apps/developer-hub/src/components/AskCookbook/index.tsx
new file mode 100644
index 0000000000..462eacc1a3
--- /dev/null
+++ b/apps/developer-hub/src/components/AskCookbook/index.tsx
@@ -0,0 +1,14 @@
+"use client";
+
+import dynamic from "next/dynamic";
+
+const BaseAskCookbook = dynamic(() => import("@cookbookdev/docsbot/react"), {
+ ssr: false,
+});
+
+const COOKBOOK_PUBLIC_API_KEY =
+ "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzdWIiOiI2NmE5YTdhZmNhMjA3NDg1NDU1YTIyMDYiLCJpYXQiOjE3MjIzOTQ1NDMsImV4cCI6MjAzNzk3MDU0M30.9gU7TfUlrFJcruL89tm4YPauUmxB6iRJ27mhaNW8fdc";
+
+export const AskCookbook = () => {
+ return ;
+};
diff --git a/apps/developer-hub/src/components/Root/index.tsx b/apps/developer-hub/src/components/Root/index.tsx
index 0a67fd63e3..2952b21d40 100644
--- a/apps/developer-hub/src/components/Root/index.tsx
+++ b/apps/developer-hub/src/components/Root/index.tsx
@@ -4,6 +4,8 @@ import { NuqsAdapter } from "@pythnetwork/react-hooks/nuqs-adapters-next";
import { RootProvider as FumadocsRootProvider } from "fumadocs-ui/provider";
import type { ReactNode } from "react";
+import { AskCookbook } from "../AskCookbook";
+
import "./global.css";
export const TABS = [
@@ -29,6 +31,7 @@ export const Root = ({ children, googleAnalyticsId }: Props) => (
{googleAnalyticsId && }
+