diff --git a/docs/app/docs/layout.tsx b/docs/app/docs/layout.tsx
index 69962d82db..b144332b6b 100644
--- a/docs/app/docs/layout.tsx
+++ b/docs/app/docs/layout.tsx
@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import { Analytics } from "@vercel/analytics/react";
 import { baseOptions } from "@/app/layout.config";
 import { CustomDocsLayout } from "@/components/CustomDocsLayout";
 import { Footer } from "@/components/Footer";
@@ -11,6 +12,7 @@ export default function Layout({ children }: { children: ReactNode }) {
         {children}
       </CustomDocsLayout>
       <Footer />
+      <Analytics />
     </>
   );
 }
diff --git a/docs/app/examples/layout.tsx b/docs/app/examples/layout.tsx
index 91a197e9bc..e82b8a4039 100644
--- a/docs/app/examples/layout.tsx
+++ b/docs/app/examples/layout.tsx
@@ -1,4 +1,5 @@
 import type { ReactNode } from "react";
+import { Analytics } from "@vercel/analytics/react";
 import { baseOptions } from "@/app/layout.config";
 import { CustomDocsLayout } from "@/components/CustomDocsLayout";
 import { Footer } from "@/components/Footer";
@@ -36,6 +37,7 @@ export default function Layout({ children }: { children: ReactNode }) {
         {children}
       </CustomDocsLayout>
       <Footer />
+      <Analytics />
     </>
   );
 }
diff --git a/docs/app/layout.tsx b/docs/app/layout.tsx
index 4ca4ce0f90..9eaa409569 100644
--- a/docs/app/layout.tsx
+++ b/docs/app/layout.tsx
@@ -1,5 +1,6 @@
 import { Banner } from "fumadocs-ui/components/banner";
 import { RootProvider } from "fumadocs-ui/provider";
+import { Analytics } from "@vercel/analytics/react";
 import { Metadata } from "next";
 import type { ReactNode } from "react";
 
@@ -29,6 +30,7 @@ export default function Layout({ children }: { children: ReactNode }) {
           </a>
         </Banner>
         <RootProvider>{children as any}</RootProvider>
+        <Analytics />
       </body>
     </html>
   );