add analytics

taroj1205 · Dec 18, 2023 · c8cb65b · c8cb65b
1 parent 1a9f9c8
commit c8cb65b
Show file tree

Hide file tree

Showing 3 changed files with 15 additions and 10 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/package.json b/package.json
@@ -12,13 +12,14 @@
     "@types/node": "20.10.4",
     "@types/react": "18.2.45",
     "@types/react-dom": "18.2.18",
+    "@vercel/analytics": "^1.1.1",
     "autoprefixer": "10.4.16",
     "eslint": "8.56.0",
-    "eslint-config-next": "14.0.4",
-    "next": "14.0.4",
+    "eslint-config-next": "latest",
+    "next": "latest",
     "postcss": "8.4.32",
-    "react": "18.2.0",
-    "react-dom": "18.2.0",
+    "react": "latest",
+    "react-dom": "latest",
     "react-dom-confetti": "^0.2.0",
     "react-icons": "^4.12.0",
     "tailwindcss": "3.3.6",

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,12 +1,13 @@
+import { Analytics } from '@vercel/analytics/react'
 import './globals.css'
 import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 
 const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
+  title: 'Connect 4',
+  description: 'Connect 4 game',
 }
 
 export default function RootLayout({
@@ -15,8 +16,11 @@ export default function RootLayout({
   children: React.ReactNode
 }) {
   return (
-    <html lang="en">
-      <body className={inter.className}>{children}</body>
-    </html>
-  )
+		<html lang="en">
+			<body className={inter.className}>
+				{children}
+				<Analytics />
+			</body>
+		</html>
+	);
 }