feat: penkle analytics

src/app/layout.tsx

@@ -1,3 +1,4 @@
+import { PenkleAnalytics } from "@/components/analytics";
 import "@/styles/globals.css";
 import { Analytics } from "@vercel/analytics/react";
 import { SpeedInsights } from "@vercel/speed-insights/next";
@@ -85,6 +86,7 @@ export default function RootLayout({ children }: RootLayoutProps) {
           <div className="w-full">{children}</div>
         </div>
         <Analytics />
+        <PenkleAnalytics domain="reactive.so" />
         <SpeedInsights />
       </body>
     </html>

src/components/analytics.tsx

@@ -0,0 +1,13 @@
+"use client";
+
+import Script from "next/script";
+
+const SCRIPT = "https://penkle.com/scripts/penkle.min.js";
+
+type Props = {
+  domain: string;
+};
+
+export function PenkleAnalytics({ domain }: Props) {
+  return <Script async defer data-domain={domain} src={SCRIPT} />;
+}