Add visitor analytics

.github/workflows/deploy.yml

@@ -48,5 +48,6 @@ jobs:
                   echo "DATABASE_URL=${{ secrets.DATABASE_URL }}" >> .env
                   echo "SCREENSHOTONE_API_ACCESS_KEY=${{ secrets.SCREENSHOTONE_API_ACCESS_KEY }}" >> .env
                   echo "SCREENSHOTONE_API_SECRET_KEY=${{ secrets.SCREENSHOTONE_API_SECRET_KEY }}" >> .env
+                  echo "NEXT_PUBLIC_PIRSCH_CODE=${{ secrets.NEXT_PUBLIC_PIRSCH_CODE }}" >> .env
 
                   kamal deploy

src/app/layout.tsx

@@ -1,6 +1,7 @@
 import type { Metadata } from "next";
 import localFont from "next/font/local";
 import "./globals.css";
+import { Analytics } from "@/components/analytics";
 
 const geistSans = localFont({
     src: "./fonts/GeistVF.woff",
@@ -34,6 +35,7 @@ export default function RootLayout({
                 className={`${geistSans.variable} ${geistMono.variable} antialiased`}
             >
                 {children}
+                <Analytics />
             </body>
         </html>
     );

src/components/analytics.tsx

@@ -0,0 +1,18 @@
+"use client"
+
+import Script from "next/script"
+
+export function Analytics() {
+    if (process.env.NODE_ENV != "production") {
+        return <></>;
+    }
+
+    return (
+        <Script
+            src="https://api.pirsch.io/pirsch.js"
+            id="pirschjs"
+            data-code={process.env.NEXT_PUBLIC_PIRSCH_CODE}
+            strategy="afterInteractive"
+        />
+    )
+}