add plausible analytics

Author: nemanjam

.env.development.example

@@ -5,3 +5,6 @@ SITE_URL=http://localhost:3000
 
 # always true in development, set only on prod build
 # PREVIEW_MODE=
+
+# plausible analytics url
+PLAUSIBLE_SCRIPT_URL=

.env.production.example

@@ -7,3 +7,6 @@ SITE_URL=https://nemanjam.github.io
 # see draft posts and projects, true | false | empty
 # optional, default false, set only on prod build
 PREVIEW_MODE=
+
+# plausible analytics url
+PLAUSIBLE_SCRIPT_URL=

.github/workflows/bash__deploy-nginx.yml

@@ -13,6 +13,7 @@ on:
 
 env:
   SITE_URL: 'https://nemanjamitic.com'
+  PLAUSIBLE_SCRIPT_URL: 'https://plausible.arm1.nemanjamitic.com/js/script.js'
   SSH_ALIAS: arm1
 
 jobs:

.github/workflows/default__build-push-docker.yml

@@ -14,6 +14,7 @@ on:
 env:
   IMAGE_NAME: ${{ github.event.repository.name }}
   SITE_URL: 'https://nmc-docker.arm1.nemanjamitic.com'
+  PLAUSIBLE_SCRIPT_URL: 'https://plausible.arm1.nemanjamitic.com/js/script.js'
 
 jobs:
   build:

.github/workflows/default__deploy-nginx.yml

@@ -13,6 +13,7 @@ on:
 
 env:
   SITE_URL: 'https://nemanjamitic.com'
+  PLAUSIBLE_SCRIPT_URL: 'https://plausible.arm1.nemanjamitic.com/js/script.js'
 
 jobs:
   deploy:

.github/workflows/gh-pages__deploy-astro.yml

@@ -23,6 +23,7 @@ permissions:
 # set env vars in Github settings here
 env:
   SITE_URL: 'https://nemanjam.github.io'
+  PLAUSIBLE_SCRIPT_URL: 'https://plausible.arm1.nemanjamitic.com/js/script.js'
 
 jobs:
   # build with astro action, unusable for monorepo

.github/workflows/gh-pages__deploy-manual.yml

@@ -20,6 +20,7 @@ permissions:
 # set env vars in Github settings here
 env:
   SITE_URL: 'https://nemanjam.github.io'
+  PLAUSIBLE_SCRIPT_URL: 'https://plausible.arm1.nemanjamitic.com/js/script.js'
 
 jobs:
   build-manual:

astro.config.ts

@@ -1,4 +1,5 @@
 import mdx from '@astrojs/mdx';
+import partytown from '@astrojs/partytown';
 import react from '@astrojs/react';
 import tailwind from '@astrojs/tailwind';
 import icon from 'astro-icon';
@@ -32,6 +33,9 @@ export default defineConfig({
     // applyBaseStyles: false prevents double loading of tailwind
     tailwind({ applyBaseStyles: false }),
     icon({ iconDir: 'src/assets/icons' }),
+    partytown({
+      config: { forward: ['dataLayer.push'] },
+    }),
   ],
   markdown: { remarkPlugins },
   vite: {

docker/Dockerfile

@@ -25,6 +25,10 @@ ARG ARG_SITE_URL
 ENV SITE_URL=$ARG_SITE_URL
 RUN echo "SITE_URL=$SITE_URL"
 
+ARG ARG_PLAUSIBLE_SCRIPT_URL
+ENV PLAUSIBLE_SCRIPT_URL=$ARG_PLAUSIBLE_SCRIPT_URL
+RUN echo "PLAUSIBLE_SCRIPT_URL=$PLAUSIBLE_SCRIPT_URL"
+
 RUN yarn build
 
 FROM nginx:stable-alpine3.17-slim AS runtime

docs/working-notes/todo3.md

@@ -525,5 +525,10 @@ fix image sizes for gallery and other
 -----
 gallery scroll pagination, blur loading
 odvojen ARG_SITE_URL za x86 i arm
+folder name for slug and index.mdx and images
+
+// plausible
+<script defer data-domain="nemanjamitic.com" src="https://plausible.arm1.nemanjamitic.com/js/script.js"></script>
+add zod schema that checks node_env for plausible_url instead of optional
 ------------
 ```