Add Umami

Vucko95 · Vucko95 · commit aefb0b281d30 · 2026-01-02T22:45:06.000Z
diff --git a/.env.template b/.env.template
@@ -2,6 +2,9 @@
 # Copy this file to .env and fill in the actual values
 
 # MySQL Database
-MYSQL_ROOT_PASSWORD=your-secure-mysql-password
+MYSQL_ROOT_PASSWORD=*PASSWORD_HERE*
+
+# Umami Analytics
+UMAMI_WEBSITE_ID=*WEBSITE_ID_HERE*
 
 
diff --git a/docker-compose_traefik.yml b/docker-compose_traefik.yml
@@ -7,6 +7,8 @@ services:
       dockerfile: Dockerfile.frontend_prod
       args:
         NEXT_PUBLIC_BACKEND_URL: https://formula1datalab.com/api
+        NEXT_PUBLIC_UMAMI_URL: https://formula1datalab.com/analytics
+        NEXT_PUBLIC_UMAMI_WEBSITE_ID: ${UMAMI_WEBSITE_ID}
     image: f1datalab-frontend:latest
     container_name: f1datalab_frontend
     expose:
diff --git a/frontend/Dockerfile.frontend_prod b/frontend/Dockerfile.frontend_prod
@@ -5,9 +5,13 @@ WORKDIR /app
 
 
 ARG NEXT_PUBLIC_BACKEND_URL
+ARG NEXT_PUBLIC_UMAMI_URL
+ARG NEXT_PUBLIC_UMAMI_WEBSITE_ID
 
 
 ENV NEXT_PUBLIC_BACKEND_URL=$NEXT_PUBLIC_BACKEND_URL
+ENV NEXT_PUBLIC_UMAMI_URL=$NEXT_PUBLIC_UMAMI_URL
+ENV NEXT_PUBLIC_UMAMI_WEBSITE_ID=$NEXT_PUBLIC_UMAMI_WEBSITE_ID
 
 COPY package.json ./
 COPY package-lock.json ./
diff --git a/frontend/app/layout.tsx b/frontend/app/layout.tsx
@@ -3,12 +3,16 @@ import "./globals.css";
 import { ThemeProvider } from "../components/ui/theme-provider";
 import { SidebarProvider } from "@/components/ui/sidebar";
 import { AppLayout } from "@/components/structure/app-layout"; // Import the new component
+import Script from "next/script";
 
 export default function RootLayout({
   children,
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  const umamiUrl = process.env.NEXT_PUBLIC_UMAMI_URL;
+  const umamiWebsiteId = process.env.NEXT_PUBLIC_UMAMI_WEBSITE_ID;
+
   return (
     <html lang="en">
       <body>
@@ -20,6 +24,15 @@ export default function RootLayout({
             </AppLayout>
           </SidebarProvider>
         </ThemeProvider>
+
+        {/* Umami Analytics - proxied to bypass ad blockers */}
+        {umamiUrl && umamiWebsiteId && (
+          <Script
+            src={`${umamiUrl}/script.js`}
+            data-website-id={umamiWebsiteId}
+            strategy="afterInteractive"
+          />
+        )}
       </body>
     </html>
   );
