Merge branch 'main' of https://github.com/dnd-side-project/dnd-9th-5-…

…frontend
dnd-side-project · Nov 6, 2023 · 20197fd · 20197fd
2 parents b74e2e1 + 15319a0
commit 20197fd
Show file tree

Hide file tree

Showing 7 changed files with 2,331 additions and 40 deletions.
diff --git a/.env.development b/.env.development
@@ -0,0 +1 @@
+NEXT_PUBLIC_NODE_ENV=development
diff --git a/.env.production b/.env.production
@@ -0,0 +1 @@
+NEXT_PUBLIC_NODE_ENV=production
diff --git a/package.json b/package.json
@@ -27,6 +27,7 @@
     "next": "13.4.12",
     "react": "18.2.0",
     "react-dom": "18.2.0",
+    "react-hotjar": "^6.1.0",
     "react-intersection-observer": "^9.5.2",
     "react-lottie-player": "^1.5.4",
     "react-tooltip": "^5.20.0",

diff --git a/src/app/layout.tsx b/src/app/layout.tsx
@@ -6,12 +6,13 @@ import { Suspense } from 'react';
 
 import { Analytics } from '@/components/Analytics';
 import { OverlayProvider } from '@/components/Overlay/OverlayProvider';
-import { BASE_SITE_URL } from '@/constants';
+import { BASE_SITE_URL, HOTJAR } from '@/constants';
 import QueryProvider from '@/provider/QueryProvider';
 import RecoilContextProvider from '@/provider/RecoilContextProvider';
 
 import type { Metadata } from 'next';
 import { META_STRING } from '@/constants/meta';
+import { hotjar } from 'react-hotjar';
 
 export const metadata: Metadata = {
   metadataBase: new URL(BASE_SITE_URL),
@@ -52,6 +53,10 @@ export const metadata: Metadata = {
 };
 
 export default function RootLayout({ children }: { children: React.ReactNode }) {
+  if (process.env.NODE_ENV !== 'development') {
+    hotjar.initialize(HOTJAR.HJID, HOTJAR.HJSV);
+  }
+
   return (
     <html lang="ko">
       <body className="flex min-h-[100dvh] w-screen touch-none justify-center bg-slate-100 py-px">

diff --git a/src/constants/index.ts b/src/constants/index.ts
@@ -2,3 +2,4 @@ export const BASE_API_URL = process.env.NEXT_PUBLIC_API_URL;
 export const BASE_SITE_URL = process.env.NEXT_PUBLIC_SITE_URL ?? 'https://www.posepicker.site';
 export const KAKAO_KEY = process.env.NEXT_PUBLIC_KAKAO_KEY;
 export const GA_ID = process.env.NEXT_PUBLIC_GA_ID;
+export const HOTJAR = { HJID: 3704547, HJSV: 6 };
diff --git a/yarn-error.log b/yarn-error.log
diff --git a/yarn.lock b/yarn.lock
@@ -4201,6 +4201,11 @@ react-dom@18.2.0:
     loose-envify "^1.1.0"
     scheduler "^0.23.0"
 
+react-hotjar@^6.1.0:
+  version "6.1.0"
+  resolved "https://registry.yarnpkg.com/react-hotjar/-/react-hotjar-6.1.0.tgz#910dd5d002f5043a6f34ae7ada545b2aace1edae"
+  integrity sha512-V1UJixDMspAIrbGIFG282U7mH2aK1JBid0YR8F9oscb6lTkjMga+gst2gesxJDsqsax+k+lM1LqRXYzmUu8izA==
+
 react-intersection-observer@^9.5.2:
   version "9.5.2"
   resolved "https://registry.yarnpkg.com/react-intersection-observer/-/react-intersection-observer-9.5.2.tgz#f68363a1ff292323c0808201b58134307a1626d0"