integrate openpanel

sajadevo · Jan 3, 2025 · 8e66ec0 · 8e66ec0
1 parent 64d2c4e
commit 8e66ec0
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 1 deletion.
diff --git a/.env.example b/.env.example
@@ -3,4 +3,6 @@ NEXT_PUBLIC_DEV_URL=https://localhost:3000
 
 RESEND_API_KEY=
 RESEND_FROM_EMAIL=
-RESEND_TO_EMAIL=
+RESEND_TO_EMAIL=
+
+OPENPANEL_CLIENT_ID=
diff --git a/README.md b/README.md
@@ -29,6 +29,8 @@ NEXT_PUBLIC_DEV_URL=https://localhost:3000
 RESEND_API_KEY=
 RESEND_FROM_EMAIL=
 RESEND_TO_EMAIL=
+
+OPENPANEL_CLIENT_ID=
 ```
 
 ## Notes

diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,5 +1,6 @@
 // @components
 import { Footer, FrameLines } from "@/components";
+import { OpenPanelComponent } from "@openpanel/nextjs";
 
 // @utils
 import { generateMetadata } from "@/lib/utils";
@@ -25,6 +26,12 @@ export default function RootLayout({
 }>) {
   return (
     <html lang="en">
+      <OpenPanelComponent
+        clientId={process.env.OPENPANEL_CLIENT_ID!}
+        trackScreenViews={true}
+        trackAttributes={true}
+        trackOutgoingLinks={true}
+      />
       <body
         className={`${geistSans.variable} antialiased p-6 sm:p-10 lg:p-20 bg-background relative overflow-x-hidden`}
       >

diff --git a/package.json b/package.json
@@ -15,6 +15,7 @@
   },
   "dependencies": {
     "@hookform/resolvers": "3.9.1",
+    "@openpanel/nextjs": "^1.0.7",
     "@radix-ui/react-tooltip": "1.1.6",
     "@tailwindcss/postcss": "next",
     "clsx": "2.1.1",