diff --git a/src/app/[locale]/layout.tsx b/src/app/[locale]/layout.tsx
index c06cdf0..bb9043c 100644
--- a/src/app/[locale]/layout.tsx
+++ b/src/app/[locale]/layout.tsx
@@ -46,11 +46,13 @@ export default async function LocaleLayout({
 
   return (
     <>
-      <OpenPanelComponent
-        clientId={process.env.NEXT_PUBLIC_OPENPANEL_CLIENT_ID || ""}
-        trackScreenViews={true}
-        trackOutgoingLinks={true}
-      />
+        <OpenPanelComponent
+          clientId={process.env.NEXT_PUBLIC_OPENPANEL_CLIENT_ID || ""}
+          trackScreenViews={true}
+          trackOutgoingLinks={true}
+          apiUrl="/api/op"
+          scriptUrl="/api/op/op1.js"
+        />
       <NextIntlClientProvider messages={messages}>
         {children}
       </NextIntlClientProvider>
diff --git a/src/app/api/op/[...path]/route.ts b/src/app/api/op/[...path]/route.ts
new file mode 100644
index 0000000..936db93
--- /dev/null
+++ b/src/app/api/op/[...path]/route.ts
@@ -0,0 +1,5 @@
+import { createRouteHandler } from "@openpanel/nextjs/server";
+
+export const { GET, POST } = createRouteHandler({
+  apiUrl: "https://op.nodecrew.me/api",
+});