Add analytics (#2)

app/layout.tsx

@@ -3,8 +3,12 @@
 import type { Metadata } from 'next'
 import { Providers } from '@/app/providers'
 import { Toaster } from 'react-hot-toast'
+import { Analytics as VercelAnalytics } from '@vercel/analytics/react'
 import '@/app/globals.css'
 
+// Init vars
+const vercelAnalyticsEnabled = process.env.VERCEL_ANALYTICS_ENABLED || false
+
 export const metadata: Metadata = {
   title: 'Duel of the Paddles',
   description: 'Yet another pong game',
@@ -35,6 +39,9 @@ export default function RootLayout({ children }: Readonly<{children: React.React
         <Providers>
           {children}
         </Providers>
+        {vercelAnalyticsEnabled &&
+          <VercelAnalytics />
+        }
         <Toaster toastOptions={{ duration: 10000 }} />
       </body>
     </html>

package.json

@@ -23,6 +23,7 @@
   "homepage": "https://github.com/devfacet/dotp",
   "dependencies": {
     "@nextui-org/react": "^2.2.9",
+    "@vercel/analytics": "^1.2.2",
     "framer-motion": "^11.0.3",
     "next": "14.1.0",
     "next-themes": "^0.2.1",