vercel analytics 추가

hyunmindev · Mar 12, 2023 · cc57a85 · cc57a85
1 parent a9b6c7d
commit cc57a85
Show file tree

Hide file tree

Showing 6 changed files with 49 additions and 8 deletions.
diff --git a/README.md b/README.md
@@ -6,15 +6,20 @@
 - Typescript
 - Bundle Analyzer
 
+- styled-components
+
 - next-sitemap
 - next-seo
 
 - Eslint
 - Prettier
+- Stylelint
 
 - Husky
 - Lint staged
 
+- Vercel
+
 ## Customization
 
 1. customize name in `package.json`

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -13,6 +13,7 @@
     "prepare": "husky install"
   },
   "dependencies": {
+    "@vercel/analytics": "^0.1.11",
     "next": "13.2.3",
     "next-seo": "^5.15.0",
     "next-sitemap": "^4.0.2",

diff --git a/src/app/components/AnalyticsWrapper.tsx b/src/app/components/AnalyticsWrapper.tsx
@@ -0,0 +1,9 @@
+'use client';
+
+import { Analytics } from '@vercel/analytics/react';
+
+function AnalyticsWrapper() {
+  return <Analytics />;
+}
+
+export default AnalyticsWrapper;
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -1,16 +1,25 @@
+import { ReactNode } from 'react';
+
+import AnalyticsWrapper from './components/AnalyticsWrapper';
+
+interface Props {
+  children: ReactNode;
+}
+
 export const metadata = {
   description: 'Generated by create next app',
   title: 'Create Next App',
 };
 
-export default function RootLayout({
-  children,
-}: {
-  children: React.ReactNode;
-}) {
+function RootLayout({ children }: Props) {
   return (
-    <html lang="en">
-      <body>{children}</body>
+    <html lang="ko">
+      <body>
+        {children}
+        <AnalyticsWrapper />
+      </body>
     </html>
   );
 }
+
+export default RootLayout;
diff --git a/src/app/page.tsx b/src/app/page.tsx
@@ -1,7 +1,9 @@
-export default function Home() {
+function Index() {
   return (
     <main>
       <h1>Next.js + TypeScript + Tailwind CSS</h1>
     </main>
   );
 }
+
+export default Index;