feat(repo:components): add google analytics component

.env.example

@@ -1,5 +1,9 @@
 NODE_ENV=development
 
+# GOOGLE ANALYTICS
+# Copiez ici l'ID de mesure (formaté comme G-XXXXXXXXXX)
+# NEXT_PUBLIC_GOOGLE_ANALYTICS=G-XXXXXXXXXX 
+
 # DATABASE
 DB_HOST=localhost
 DB_USER=dbusername

README.md

@@ -32,9 +32,11 @@ pour améliorer votre productivité.
   préconfigurés pour maintenir une base de code cohérente et lisible.
 - **Husky et Lint-Staged** : Des hooks de Git pour exécuter automatiquement les
   vérifications de lint et de formatage avant chaque commit.
-- **Docker** :
-
-- **Zod** :
+- **Docker** : Un outil de conteneurisation pour faciliter le déploiement et la
+  gestion des environnements de développement.
+- **Zod** : Un schéma de validation de données puissant et simple à utiliser.
+- **Google Analytics** : Un outil de suivi des performances pour analyser le
+  comportement des utilisateurs et améliorer l'expérience utilisateur.
 
 ## Utilisation
 

app/layout.tsx

@@ -2,6 +2,8 @@ import type { Metadata } from 'next';
 import localFont from 'next/font/local';
 import React from 'react';
 
+import GoogleAnalytics from '@/components/GoogleAnalytics';
+
 import './globals.css';
 import siteConfig from '@/config/site';
 
@@ -72,6 +74,7 @@ export default function RootLayout({
       >
         {children}
       </body>
+      <GoogleAnalytics />
     </html>
   );
 }

components/GoogleAnalytics.tsx

@@ -0,0 +1,25 @@
+import Script from 'next/script';
+
+const GoogleAnalytics = () => {
+  return (
+    <>
+      <Script
+        strategy="lazyOnload"
+        src={`https://www.googletagmanager.com/gtag/js?id=${process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS}`}
+      />
+
+      <Script id="google-analytics" strategy="lazyOnload">
+        {`
+          window.dataLayer = window.dataLayer || [];
+          function gtag(){dataLayer.push(arguments);}
+          gtag('js', new Date());
+          gtag('config', '${process.env.NEXT_PUBLIC_GOOGLE_ANALYTICS}', {
+            page_path: window.location.pathname,
+          });
+        `}
+      </Script>
+    </>
+  );
+};
+
+export default GoogleAnalytics;