build: speed insight 분석툴 추가 (#349)

hufscheer · Oct 30, 2024 · 6abfa4b · 6abfa4b
1 parent 1f2b8fb
commit 6abfa4b
Show file tree

Hide file tree

Showing 3 changed files with 83 additions and 49 deletions.
diff --git a/apps/spectator/app/layout.tsx b/apps/spectator/app/layout.tsx
@@ -1,5 +1,6 @@
 import { Toaster } from '@hcc/ui';
 import { Analytics } from '@vercel/analytics/react';
+import { SpeedInsights } from '@vercel/speed-insights/next';
 import { clsx } from 'clsx';
 import { extend } from 'dayjs';
 import customParseFormat from 'dayjs/plugin/customParseFormat';
@@ -50,6 +51,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
           {children}
         </Providers>
         <Analytics />
+        <SpeedInsights />
       </body>
     </html>
   );

diff --git a/apps/spectator/package.json b/apps/spectator/package.json
@@ -16,17 +16,18 @@
     "@amplitude/analytics-browser": "^2.6.1",
     "@egjs/react-conveyer": "^1.7.1",
     "@egjs/react-flicking": "^3.8.3",
+    "@hcc/api": "workspace:*",
     "@hcc/icons": "workspace:^",
     "@hcc/styles": "workspace:*",
     "@hcc/ui": "workspace:*",
-    "@hcc/api": "workspace:*",
     "@stomp/stompjs": "^7.0.0",
     "@tanstack/react-query": "^5.17.19",
     "@tanstack/react-query-devtools": "^5.17.21",
     "@vanilla-extract/css": "^1.14.0",
     "@vanilla-extract/css-utils": "^0.1.3",
     "@vanilla-extract/dynamic": "^2.1.0",
     "@vercel/analytics": "^1.1.2",
+    "@vercel/speed-insights": "^1.0.14",
     "axios": "^1.6.5",
     "dayjs": "^1.11.10",
     "framer-motion": "^11.0.5",