add analytics

components/analytics/Plausible.tsx

@@ -8,11 +8,12 @@ const PlausibleScript = () => {
       <Script
         strategy="lazyOnload"
         data-domain={siteMetadata.analytics.plausibleDataDomain}
-        src="https://plausible.io/js/plausible.js"
+        data-api={siteMetadata.analytics.plausibleApiUrl}
+        src={siteMetadata.analytics.plausibleSrcUrl}
       />
       <Script strategy="lazyOnload" id="plausible-script">
         {`
-            window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }
+                window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) }
         `}
       </Script>
     </>

data/siteMetadata.js

@@ -22,13 +22,9 @@ const siteMetadata = {
   lastfm: 'https://www.last.fm/music/augury',
   locale: 'en-CA',
   analytics: {
-    // If you want to use an analytics provider you have to add it to the
+    plausibleDataDomain: 'augurymetal.com',
-    // content security policy in the `next.config.js` file.
+    plausibleSrcUrl: '/script.12587e3213z2t1891zaz.js',
-    // supports plausible, simpleAnalytics, umami or googleAnalytics
+    plausibleApiUrl: '/api/12761a4481f2x6771zab',
-    plausibleDataDomain: '', // e.g. tailwind-nextjs-starter-blog.vercel.app
-    simpleAnalytics: false, // true or false
-    umamiWebsiteId: '', // e.g. 123e4567-e89b-12d3-a456-426614174000
-    googleAnalyticsId: '', // e.g. UA-000000-2 or G-XXXXXXX
   },
   newsletter: {
     // supports mailchimp, buttondown, convertkit, klaviyo

next.config.js

@@ -69,6 +69,18 @@ module.exports = withBundleAnalyzer({
       },
     ]
   },
+  async rewrites() {
+    return [
+      {
+        source: '/script.12587e3213z2t1891zaz.js', // plausible script proxy
+        destination: 'https://plausible.io/js/script.outbound-links.js',
+      },
+      {
+        source: '/api/12761a4481f2x6771zab', // plausible api proxy
+        destination: 'https://plausible.io/api/event',
+      },
+    ]
+  },
   webpack: (config, { dev, isServer }) => {
     config.module.rules.push({
       test: /\.(png|jpe?g|gif|mp4)$/i,