umami, glitchtip, redis

app/[locale]/layout.tsx

@@ -3,6 +3,8 @@ import {getMessages, getTranslations} from 'next-intl/server';
 import '../../styles/globals.css';
 import Header from '@/components/Header';
 import Footer from '@/components/Footer';
+import UmamiScript from '@/components/analytics/UmamiScript';
+import AnalyticsProvider from '@/components/analytics/AnalyticsProvider';
 import { Metadata, Viewport } from 'next';
 
 export async function generateMetadata({params: {locale}}: {params: {locale: string}}): Promise<Metadata> {
@@ -79,6 +81,12 @@ export default async function LocaleLayout({
           </main>
           <Footer />
         </NextIntlClientProvider>
+
+        {/* Loads Umami only when NEXT_PUBLIC_UMAMI_WEBSITE_ID is set */}
+        <UmamiScript />
+
+        {/* Sends pageviews for client-side navigations */}
+        <AnalyticsProvider />
       </body>
     </html>
   );