add GoogleAdSense

package.json

@@ -35,6 +35,7 @@
     "deepmerge": "^4.3.1",
     "lucide-react": "^0.427.0",
     "next": "14.2.5",
+    "next-google-adsense": "^1.0.12",
     "next-intl": "^3.17.2",
     "next-themes": "^0.3.0",
     "nextjs-toploader": "^1.6.12",

src/app/[locale]/layout.tsx

@@ -1,4 +1,5 @@
 
+import { GoogleAdSenseClient } from "@/components/shared/GoogleAdSense";
 import { appConfig, type LocaleType } from "@/config";
 import getRequestConfig from "@/i18n";
 import { cn, createAlternates } from "@/lib/utils";
@@ -69,6 +70,7 @@ export default async function RootLayout({
         </NextIntlClientProvider>
         {appConfig.gaId && <GoogleAnalytics gaId={appConfig.gaId} />}
       </body>
+      <GoogleAdSenseClient />
     </html>
   );
 }

src/components/shared/GoogleAdSense.tsx

@@ -0,0 +1,10 @@
+"use client";
+
+import { GoogleAdSense } from "next-google-adsense";
+
+export function GoogleAdSenseClient() { 
+  if(process.env.NEXT_PUBLIC_ADSENSE_PUBLISHER_ID){
+    return <GoogleAdSense />
+  }
+  return null
+}

src/config.ts

@@ -9,7 +9,7 @@ export const appConfig = {
   appRootDomain: "fontgenerator.dev",
   appName: "FontGenerator",
   appDescription: "font-generator",
-  gaId: process.env.NEXT_PUBLIC_GA_ID || 'G-GEKRPVPFPD',
+  gaId: process.env.NEXT_PUBLIC_GA_ID,
   i18n: {
     locales,
     defaultLocale,