feat: add page analytics

ajhenry · Aug 9, 2023 · 700af46 · 700af46 · vercel · Aug 9, 2023
1 parent 6016f8d
commit 700af46
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 3 deletions.
diff --git a/packages/website/package.json b/packages/website/package.json
@@ -34,6 +34,7 @@
     "@types/request-ip": "^0.0.37",
     "@upstash/ratelimit": "^0.1.5",
     "@upstash/redis": "^1.19.1",
+    "@vercel/analytics": "^1.0.1",
     "clsx": "^1.2.1",
     "color": "^4.2.3",
     "firebase": "^9.15.0",

diff --git a/packages/website/src/pages/_app.tsx b/packages/website/src/pages/_app.tsx
@@ -1,15 +1,20 @@
 import { config } from '@fortawesome/fontawesome-svg-core'
+import '@fortawesome/fontawesome-svg-core/styles.css'
+import { Analytics } from '@vercel/analytics/react'
 import withDarkMode, { MODE } from 'next-dark-mode'
 import { AppProps } from 'next/app'
-
-import '@fortawesome/fontawesome-svg-core/styles.css'
 config.autoAddCss = false
 
 import '@/styles/colors.css'
 import '@/styles/globals.css'
 
 function MyApp({ Component, pageProps: { ...pageProps } }: AppProps) {
-  return <Component {...pageProps} />
+  return (
+    <>
+      <Component {...pageProps} />
+      <Analytics />
+    </>
+  )
 }
 
 export default withDarkMode(MyApp, {

diff --git a/packages/website/yarn.lock b/packages/website/yarn.lock
@@ -3336,6 +3336,11 @@
   resolved "https://registry.yarnpkg.com/@use-it/event-listener/-/event-listener-0.1.7.tgz#443a9b6df87f2f2961b74d42997ce723a7078623"
   integrity sha512-hgfExDzUU9uTRTPDCpw2s9jWTxcxmpJya3fK5ADpf5VDpSy8WYwY/kh28XE0tUcbsljeP8wfan48QvAQTSSa3Q==
 
+"@vercel/analytics@^1.0.1":
+  version "1.0.1"
+  resolved "https://registry.yarnpkg.com/@vercel/analytics/-/analytics-1.0.1.tgz#38308a626c91866cb00a249c08bf65251e9b9d81"
+  integrity sha512-Ux0c9qUfkcPqng3vrR0GTrlQdqNJ2JREn/2ydrVuKwM3RtMfF2mWX31Ijqo1opSjNAq6rK76PwtANw6kl6TAow==
+
 abab@^2.0.3, abab@^2.0.5:
   version "2.0.5"
   resolved "https://registry.yarnpkg.com/abab/-/abab-2.0.5.tgz#c0b678fb32d60fc1219c784d6a826fe385aeb79a"
@@ -8702,6 +8707,14 @@ pretty-format@^3.8.0:
   resolved "https://registry.yarnpkg.com/pretty-format/-/pretty-format-3.8.0.tgz#bfbed56d5e9a776645f4b1ff7aa1a3ac4fa3c385"
   integrity sha512-WuxUnVtlWL1OfZFQFuqvnvs6MiAGk9UNsBostyBOB0Is9wb5uRESevA6rnl/rkksXaGX3GzZhPup5d6Vp1nFew==
 
+prettyavatars@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/prettyavatars/-/prettyavatars-0.1.0.tgz#d85c26809efdb03c9234cfa174c236acfe87ddf3"
+  integrity sha512-in8rs4ULYt2jNKOE80KEtp0WAUnv+YmA/SnCu4Xe0Opn5Ym59mo/N311XnHCN8cfEfBx2Job6La17HFF/UGoNQ==
+  dependencies:
+    react-html-parser "^2.0.2"
+    text-to-svg "^3.1.5"
+
 prismjs@^1.8.4:
   version "1.29.0"
   resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12"