integrate Google Analytics

vadimgierko · Jan 29, 2024 · 0b2a432 · 0b2a432
1 parent e776d4e
commit 0b2a432
Show file tree

Hide file tree

Showing 6 changed files with 25 additions and 3 deletions.
diff --git a/next.config.js b/next.config.js
@@ -2,6 +2,7 @@
 const nextConfig = {
  reactStrictMode: true,
  output: "export",
+ basePath: "/markdown-text-editor",
 };
 
 module.exports = nextConfig;
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
  "lint": "next lint"
  },
  "dependencies": {
+ "@next/third-parties": "^14.1.0",
  "bootstrap": "^5.3.2",
  "bootstrap-icons": "^1.11.3",
  "dompurify": "^3.0.8",

diff --git a/src/components/Page/index.tsx b/src/components/Page/index.tsx
@@ -18,7 +18,7 @@ export default function Page({ pageData }: { pageData: PageData }) {
  <Head>
  <meta name="author" content="Vadim Gierko" />
  <meta name="viewport" content="width=device-width, initial-scale=1" />
- <link rel="icon" href="/favicon.ico" />
+ <link rel="icon" href="markdown-text-editor/favicon.ico" />
  <meta name="description" content={head.description} />
  <title>{head.title}</title>
  </Head>

diff --git a/src/layout/index.tsx b/src/layout/index.tsx
@@ -1,9 +1,9 @@
 import Navbar from "./Navbar";
 import Footer from "./Footer";
-import { useEffect } from "react";
+import { ReactNode, useEffect } from "react";
 import { useDarkMode } from "@/context/useDarkMode";
 
-export default function Layout({ children }: { children: JSX.Element }) {
+export default function Layout({ children }: { children: ReactNode }) {
  const { isDarkMode } = useDarkMode();
 
  // fetch light/dark mode css for code highlighting in vsc style

diff --git a/src/pages/_app.tsx b/src/pages/_app.tsx
@@ -4,13 +4,15 @@ import type { AppProps } from "next/app";
 import Layout from "../layout";
 import { DarkModeProvider } from "@/context/useDarkMode";
 import { MarkdownEditorProvider } from "@/context/useMarkdownEditor";
+import { GoogleAnalytics } from "@next/third-parties/google";
 
 export default function App({ Component, pageProps }: AppProps) {
  return (
  <DarkModeProvider>
  <MarkdownEditorProvider>
  <Layout>
  <Component {...pageProps} />
+ <GoogleAnalytics gaId="G-CTCXH3NEMQ" />
  </Layout>
  </MarkdownEditorProvider>
  </DarkModeProvider>