Add Umami analytics support

components/analytics/Umami.js

@@ -0,0 +1,18 @@
+import Script from 'next/script'
+
+import siteMetadata from '@/data/siteMetadata'
+
+const UmamiScript = () => {
+  return (
+    <>
+      <Script
+        async
+        defer
+        data-website-id={siteMetadata.analytics.umamiWebsiteId}
+        src="https://umami.example.com/umami.js" // Replace with your umami instance
+      />
+    </>
+  )
+}
+
+export default UmamiScript

components/analytics/index.js

@@ -1,6 +1,7 @@
 import GA from './GoogleAnalytics'
 import Plausible from './Plausible'
 import SimpleAnalytics from './SimpleAnalytics'
+import Umami from './Umami'
 import siteMetadata from '@/data/siteMetadata'
 
 const isProduction = process.env.NODE_ENV === 'production'
@@ -10,6 +11,7 @@ const Analytics = () => {
     <>
       {isProduction && siteMetadata.analytics.plausibleDataDomain && <Plausible />}
       {isProduction && siteMetadata.analytics.simpleAnalytics && <SimpleAnalytics />}
+      {isProduction && siteMetadata.analytics.umamiWebsiteId && <Umami />}
       {isProduction && siteMetadata.analytics.googleAnalyticsId && <GA />}
     </>
   )