diff --git a/src/app/analytics.tsx b/src/app/analytics.tsx
new file mode 100644
index 0000000..2fc9b96
--- /dev/null
+++ b/src/app/analytics.tsx
@@ -0,0 +1,12 @@
+import { ReactNode } from "react";
+
+// Powered by Umami (https://umami.is/)
+export default function Analytics(): ReactNode {
+    if (process.env.NODE_ENV == "development") {
+        console.log("Analytics is disabled in development mode");
+        return (<></>);
+    }
+    return (
+        <script defer src={process.env.ANALYTICS_SCRIPT} data-website-id={process.env.ANALYTICS_WEBSITE_ID}/>
+    )
+}
\ No newline at end of file
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
index 6145ebf..44b2931 100644
--- a/src/app/layout.tsx
+++ b/src/app/layout.tsx
@@ -5,6 +5,7 @@ import { SidebarProvider } from "@/components/ui/sidebar";
 import Dashboard from "@/components/dashboard";
 import "./globals.css";
 import ThemeProvider from "./theme-provider";
+import Analytics from "./analytics";
 
 const geist = Geist({
     variable: "--font-geist",
@@ -29,7 +30,9 @@ export default function RootLayout({
 }>) {
     return (
         <html lang="en" suppressHydrationWarning>
-            <head/>
+            <head>
+                <Analytics/>
+            </head>
             <body className={`${geist.variable} ${geistMono.variable} antialiased`}>
                 <ThemeProvider>
                     <SidebarProvider>
