📈 (lp) Add Vercel analytics

apps/landing-page/package.json

@@ -13,16 +13,17 @@
     "@chakra-ui/react": "2.4.1",
     "@emotion/react": "11.10.5",
     "@emotion/styled": "11.10.5",
+    "@vercel/analytics": "0.1.5",
     "aos": "2.3.4",
     "bot-engine": "workspace:*",
+    "db": "workspace:*",
     "focus-visible": "5.2.0",
     "framer-motion": "7.6.6",
     "models": "workspace:*",
     "next": "13.0.3",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "utils": "workspace:*",
-    "db": "workspace:*"
+    "utils": "workspace:*"
   },
   "devDependencies": {
     "@babel/core": "7.20.2",
@@ -38,7 +39,7 @@
     "next-transpile-modules": "10.0.0",
     "postcss": "8.4.19",
     "prettier": "2.7.1",
-    "typescript": "4.8.4",
-    "tsconfig": "workspace:*"
+    "tsconfig": "workspace:*",
+    "typescript": "4.8.4"
   }
 }

apps/landing-page/pages/_app.tsx

@@ -4,6 +4,7 @@ import { ChakraProvider } from '@chakra-ui/react'
 import 'focus-visible/dist/focus-visible'
 import { theme } from '../lib/chakraTheme'
 import { AppProps } from 'next/app'
+import { Analytics } from '@vercel/analytics/react'
 import AOS from 'aos'
 import 'aos/dist/aos.css'
 
@@ -19,6 +20,7 @@ const App = ({ Component, pageProps }: AppProps) => {
   return (
     <ChakraProvider theme={theme}>
       <Component {...pageProps} />
+      <Analytics />
     </ChakraProvider>
   )
 }

apps/landing-page/pages/_document.tsx

@@ -20,11 +20,6 @@ class MyDocument extends Document {
             {/* eslint-disable-next-line @next/next/no-css-tags */}
             <link href="./styles/aos-noscript.css" rel="stylesheet" />
           </noscript>
-          {/* <script
-            defer
-            data-domain="typebot.io"
-            src="https://plausible.server.baptistearno.com/js/plausible.js"
-          ></script> */}
           {/* eslint-disable-next-line @next/next/no-sync-scripts */}
           <script src="/__env.js" />
         </Head>