feat: add analytics

Author: thorgotothegym

app/layout.tsx

@@ -1,5 +1,7 @@
 import "./globals.css";
 
+import { Analytics } from "@vercel/analytics/next";
+import { SpeedInsights } from "@vercel/speed-insights/next";
 import type { Metadata } from "next";
 import { Geist, Geist_Mono } from "next/font/google";
 import type { ReactNode } from "react";
@@ -30,6 +32,8 @@ export default function RootLayout({
         className={`font-sans antialiased text-foreground ${geist.className} ${geistMono.className}`}
       >
         {children}
+        <Analytics />
+        <SpeedInsights />
       </body>
     </html>
   );

package.json

@@ -52,6 +52,7 @@
     "@radix-ui/react-toggle-group": "1.1.11",
     "@radix-ui/react-tooltip": "1.2.8",
     "@vercel/analytics": "1.6.1",
+    "@vercel/speed-insights": "^2.0.0",
     "autoprefixer": "^10.4.20",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",