Add vercel ananlytics

app/(site)/[locale]/layout.tsx

@@ -1,3 +1,4 @@
+import { Analytics } from '@vercel/analytics/react';
 import Footer from 'components/layout/footer/footer';
 import Header from 'components/layout/header/header';
 import { NextIntlClientProvider } from 'next-intl';
@@ -64,6 +65,7 @@ export default async function LocaleLayout({ children, params: { locale } }: Loc
           <Suspense>
             <Footer locale={locale} />
           </Suspense>
+          <Analytics />
         </NextIntlClientProvider>
       </body>
     </html>

package.json

@@ -35,6 +35,7 @@
     "@sanity/vision": "^3.0.0",
     "@sanity/webhook": "^2.0.0",
     "@types/styled-components": "^5.1.26",
+    "@vercel/analytics": "^1.0.2",
     "@vercel/og": "^0.1.0",
     "algoliasearch": "^4.19.1",
     "class-variance-authority": "^0.6.0",

pnpm-lock.yaml

@@ -53,6 +53,9 @@ dependencies:
   '@types/styled-components':
     specifier: ^5.1.26
     version: 5.1.26
+  '@vercel/analytics':
+    specifier: ^1.0.2
+    version: 1.0.2
   '@vercel/og':
     specifier: ^0.1.0
     version: 0.1.0
@@ -2888,6 +2891,10 @@ packages:
       - '@codemirror/search'
     dev: false
 
+  /@vercel/analytics@1.0.2:
+    resolution: {integrity: sha512-BZFxVrv24VbNNl5xMxqUojQIegEeXMI6rX3rg1uVLYUEXsuKNBSAEQf4BWEcjQDp/8aYJOj6m8V4PUA3x/cxgg==}
+    dev: false
+
   /@vercel/error-utils@1.0.10:
     resolution: {integrity: sha512-nsKy2sy+pjUWyKI1V/XXKspVzHMYgSalmj5+EsKWFXZbnNZicqxNtMR94J8Hs7SB4TQxh0s4KhczJtL59AVGMg==}
     dev: false