feat: add speed insight

y-u-y-a · Sep 26, 2024 · 821b19c · 821b19c
1 parent 4f5ba4c
commit 821b19c
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 97 deletions.
diff --git a/package.json b/package.json
@@ -24,6 +24,7 @@
     "@mantine/hooks": "7.3.2",
     "@mantine/notifications": "7.3.2",
     "@tabler/icons-react": "3.2.0",
+    "@vercel/speed-insights": "^1.0.12",
     "next": "14.2.13",
     "openapi-fetch": "0.12.2",
     "react": "^18.2.0",

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -3,6 +3,7 @@ import { Header } from "@/components/templates/Header"
 import { APP_TITLE } from "@/config/consts"
 import { MantineUIProvider } from "@/config/mantine"
 import { Box, Stack } from "@mantine/core"
+import { SpeedInsights } from "@vercel/speed-insights/next"
 import type { Metadata } from "next"
 
 export const metadata: Metadata = {
@@ -22,6 +23,7 @@ export default function RootLayout({ children }: Props) {
       </head>
       <body>
         <MantineUIProvider>
+          <SpeedInsights />
           <Stack gap={0} mih="100vh">
             <Header pos="sticky" top={0} />
             <Box style={{ flexGrow: 1 }} children={children} />