feat: analytics

Signed-off-by: Ameya Shenoy <shenoy.ameya@gmail.com>

frontend/Dockerfile

@@ -10,6 +10,8 @@ RUN npm ci
 # Copy app source code
 COPY . .
 
+ENV NEXT_PUBLIC_RYBBIT_HOST=https://app.rybbit.io
+
 # Build the Next.js app
 RUN npm run build
 

frontend/next.config.ts

@@ -2,6 +2,18 @@ import type { NextConfig } from "next";
 
 const nextConfig: NextConfig = {
   /* config options here */
+  async rewrites() {
+    return [
+      {
+        source: "/api/script.js",
+        destination: `${process.env.NEXT_PUBLIC_RYBBIT_HOST}/api/script.js`,
+      },
+      {
+        source: "/api/track",
+        destination: `${process.env.NEXT_PUBLIC_RYBBIT_HOST}/api/track`,
+      },
+    ]
+  },
 };
 
 export default nextConfig;

frontend/src/app/layout.tsx

@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import { ThemeProvider } from "@/components/theme-provider";
 import ServiceWorkerManager from "@/components/ServiceWorkerManager";
+import Script from "next/script"
 
 import {
   Geist,
@@ -67,6 +68,11 @@ export default function RootLayout({
             <GSAPCursor />
             <NavigationMenu />
             {children}
+            <Script
+              src="/api/script.js"
+              data-site-id="1498"
+              strategy="afterInteractive"
+            />
             <footer className="flex justify-center">
             </footer>
           </div>