From 75a317339413c9c8fdf60ca4b0f8a2b83f1dc512 Mon Sep 17 00:00:00 2001 From: Christian Tran Date: Sun, 20 Apr 2025 06:14:54 +0000 Subject: [PATCH 1/2] feat(analytics and speed insight): added vercel analytics and speed insights --- package.json | 6 +++++- pages/_document.tsx | 4 ++++ yarn.lock | 20 ++++++++++++++++++++ 3 files changed, 29 insertions(+), 1 deletion(-) diff --git a/package.json b/package.json index 5161a9ca..f87f3264 100644 --- a/package.json +++ b/package.json @@ -42,6 +42,9 @@ "@toast-ui/editor-plugin-code-syntax-highlight": "^3.1.0", "@toast-ui/react-editor": "^3.2.2", "@types/prismjs": "^1.26.5", + "@vercel/analytics": "^1.5.0", + "@vercel/speed-insights": "^1.2.0", + "add": "^2.0.6", "firebase": "^10.13.0", "html-to-image": "^1.11.11", "isomorphic-dompurify": "^2.15.0", @@ -57,7 +60,8 @@ "remark-math": "^6.0.0", "string-width": "^7.2.0", "swr": "^2.2.4", - "tsconfig-paths-webpack-plugin": "^4.0.0" + "tsconfig-paths-webpack-plugin": "^4.0.0", + "yarn": "^1.22.22" }, "devDependencies": { "@chromatic-com/storybook": "^2", diff --git a/pages/_document.tsx b/pages/_document.tsx index f7b8f06a..1a626d45 100755 --- a/pages/_document.tsx +++ b/pages/_document.tsx @@ -1,5 +1,7 @@ import createEmotionServer from '@emotion/server/create-instance'; import { getInitColorSchemeScript, useTheme } from '@mui/material/styles'; +import { Analytics } from '@vercel/analytics/next'; +import { SpeedInsights } from '@vercel/speed-insights/next'; import createEmotionCache from '@src/createEmotionCache'; import Document, { Head, Html, Main, NextScript } from 'next/document'; import React from 'react'; @@ -23,6 +25,8 @@ export default function MyDocument(props: any) { {getInitColorSchemeScript()}
+ + ); diff --git a/yarn.lock b/yarn.lock index 22746bab..230d9a5d 100644 --- a/yarn.lock +++ b/yarn.lock @@ -3748,6 +3748,16 @@ resolved "https://registry.yarnpkg.com/@ungap/structured-clone/-/structured-clone-1.2.0.tgz#756641adb587851b5ccb3e095daf27ae581c8406" integrity sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ== +"@vercel/analytics@^1.5.0": + version "1.5.0" + resolved "https://registry.yarnpkg.com/@vercel/analytics/-/analytics-1.5.0.tgz#073f93694897414b21a8495e2619bbf64447dcaa" + integrity sha512-MYsBzfPki4gthY5HnYN7jgInhAZ7Ac1cYDoRWFomwGHWEX7odTEzbtg9kf/QSo7XEsEAqlQugA6gJ2WS2DEa3g== + +"@vercel/speed-insights@^1.2.0": + version "1.2.0" + resolved "https://registry.yarnpkg.com/@vercel/speed-insights/-/speed-insights-1.2.0.tgz#1656c3596d4ec02d93d301ca45944c1b9b245186" + integrity sha512-y9GVzrUJ2xmgtQlzFP2KhVRoCglwfRQgjyfY607aU0hh0Un6d0OUyrJkjuAlsV18qR4zfoFPs/BiIj9YDS6Wzw== + "@vitest/expect@1.6.0": version "1.6.0" resolved "https://registry.yarnpkg.com/@vitest/expect/-/expect-1.6.0.tgz#0b3ba0914f738508464983f4d811bc122b51fb30" @@ -3989,6 +3999,11 @@ acorn@^8.0.4, acorn@^8.1.0, acorn@^8.11.0, acorn@^8.11.3, acorn@^8.12.1, acorn@^ resolved "https://registry.yarnpkg.com/acorn/-/acorn-8.12.1.tgz#71616bdccbe25e27a54439e0046e89ca76df2248" integrity sha512-tcpGyI9zbizT9JbV6oYE477V6mTlXvvi0T0G3SNIYE2apm/G5huBa1+K89VGeovbg+jycCrfhl3ADxErOuO6Jg== +add@^2.0.6: + version "2.0.6" + resolved "https://registry.yarnpkg.com/add/-/add-2.0.6.tgz#248f0a9f6e5a528ef2295dbeec30532130ae2235" + integrity sha512-j5QzrmsokwWWp6kUcJQySpbG+xfOBqqKnup3OIk1pz+kB/80SLorZ9V8zHFLO92Lcd+hbvq8bT+zOGoPkmBV0Q== + adjust-sourcemap-loader@^4.0.0: version "4.0.0" resolved "https://registry.yarnpkg.com/adjust-sourcemap-loader/-/adjust-sourcemap-loader-4.0.0.tgz#fc4a0fd080f7d10471f30a7320f25560ade28c99" @@ -12812,6 +12827,11 @@ yargs@^17.0.0, yargs@^17.3.1, yargs@^17.7.2: y18n "^5.0.5" yargs-parser "^21.1.1" +yarn@^1.22.22: + version "1.22.22" + resolved "https://registry.yarnpkg.com/yarn/-/yarn-1.22.22.tgz#ac34549e6aa8e7ead463a7407e1c7390f61a6610" + integrity sha512-prL3kGtyG7o9Z9Sv8IPfBNrWTDmXB4Qbes8A9rEzt6wkJV8mUvoirjU0Mp3GGAU06Y0XQyA3/2/RQFVuK7MTfg== + yocto-queue@^0.1.0: version "0.1.0" resolved "https://registry.yarnpkg.com/yocto-queue/-/yocto-queue-0.1.0.tgz#0294eb3dee05028d31ee1a5fa2c556a6aaf10a1b" From f9f223365e978c0a677cf90129922ac1cf362610 Mon Sep 17 00:00:00 2001 From: Christian Tran Date: Sun, 20 Apr 2025 14:47:58 +0000 Subject: [PATCH 2/2] fix(analytics speedinsights): move analytics and speedinsights to pages --- pages/_app.tsx | 4 ++++ pages/_document.tsx | 8 ++------ 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/pages/_app.tsx b/pages/_app.tsx index 3ea7aeba..16ec0e48 100755 --- a/pages/_app.tsx +++ b/pages/_app.tsx @@ -4,6 +4,8 @@ import { AuthContextProvider } from '@context/AuthContext'; import { ColorProvider } from '@context/ColorContext'; import { MenuContextProvider } from '@context/MenuContext'; import { CacheProvider, EmotionCache } from '@emotion/react'; +import { Analytics } from '@vercel/analytics/next'; +import { SpeedInsights } from '@vercel/speed-insights/next'; import CssBaseline from '@mui/material/CssBaseline'; import { NavBar } from '@src/components/NavBar'; import createEmotionCache from '@src/createEmotionCache'; @@ -41,6 +43,8 @@ const MyApp = ({ {} + + {/* */} diff --git a/pages/_document.tsx b/pages/_document.tsx index 1a626d45..66985b8a 100755 --- a/pages/_document.tsx +++ b/pages/_document.tsx @@ -1,7 +1,5 @@ import createEmotionServer from '@emotion/server/create-instance'; import { getInitColorSchemeScript, useTheme } from '@mui/material/styles'; -import { Analytics } from '@vercel/analytics/next'; -import { SpeedInsights } from '@vercel/speed-insights/next'; import createEmotionCache from '@src/createEmotionCache'; import Document, { Head, Html, Main, NextScript } from 'next/document'; import React from 'react'; @@ -25,8 +23,6 @@ export default function MyDocument(props: any) { {getInitColorSchemeScript()}
- - ); @@ -67,9 +63,9 @@ MyDocument.getInitialProps = async (ctx: any) => { ctx.renderPage = () => originalRenderPage({ enhanceApp: (App: any) => - function EnhanceApp(props: any) { + (function EnhanceApp(props: any) { return ; - }, + }), }); const initialProps = await Document.getInitialProps(ctx);