feat(ui): add Vercel Analytics integration for tracking on web.lean-spec.dev

Author: Marvin Zhang

docs-site

@@ -64,6 +64,7 @@
     "@radix-ui/react-slot": "^1.2.4",
     "@radix-ui/react-tabs": "^1.1.13",
     "@radix-ui/react-tooltip": "^1.2.8",
+    "@vercel/analytics": "^1.5.0",
     "better-sqlite3": "^11.7.0",
     "chalk": "^5.3.0",
     "class-variance-authority": "^0.7.1",

packages/ui/package.json

@@ -6,6 +6,7 @@ import { ThemeProvider } from "@/components/theme-provider";
 import { Toast } from "@/components/ui/toast";
 import { ProjectProvider } from "@/contexts/project-context";
 import { getSpecs } from "@/lib/db/service-queries";
+import { Analytics } from "@vercel/analytics/react";
 
 export const metadata: Metadata = {
   title: "LeanSpec Web - Interactive Spec Showcase",
@@ -68,6 +69,8 @@ export default async function RootLayout({
             <Toast />
           </ProjectProvider>
         </ThemeProvider>
+        {/* Only track analytics on web.lean-spec.dev, not for other users */}
+        {process.env.NEXT_PUBLIC_VERCEL_URL?.includes('lean-spec.dev') && <Analytics />}
       </body>
     </html>
   );