Improve SPA cacheing

.drone.yml

@@ -4,103 +4,40 @@
 # SPDX-License-Identifier: AGPL-3.0-or-later
 kind: pipeline
 type: docker
-name: qa
+name: default
-
-trigger:
-  event:
-    - push
-    - pull_request
-  branch:
-    - main
 
 steps:
-  - name: reuse
+- name: reuse
-    image: fsfe/reuse
+  image: fsfe/reuse:latest
-  - name: lint
-    image: node:20
-    commands:
-      - npm ci
-      - npm run lint
 
----
+- name: docker-publish
-kind: pipeline
+  image: plugins/docker
-type: docker
+  settings:
-name: build
+    registry: registry.wtf-eg.net
+    repo: registry.wtf-eg.net/ki-frontend
+    target: ki-frontend
+    auto_tag: true
+    username:
+      from_secret: "docker_username"
+    password:
+      from_secret: "docker_password"
+  when:
+    event:
+      - push
+    branch:
+      - main
 
-trigger:
+- name: docker-publish-tag
-  event:
+  image: plugins/docker
-    - push
+  settings:
-  branch:
+    registry: registry.wtf-eg.net
-    - main
+    repo: registry.wtf-eg.net/ki-frontend
-
+    target: ki-frontend
-depends_on:
+    auto_tag: true
-  - qa
+    username:
-
+      from_secret: "docker_username"
-steps:
+    password:
-  - name: docker-publish
+      from_secret: "docker_password"
-    image: plugins/docker
+  when:
-    settings:
+    event:
-      registry: registry.wtf-eg.net
+      - tag
-      repo: registry.wtf-eg.net/ki-frontend
-      target: ki-frontend
-      auto_tag: true
-      username:
-        from_secret: "docker_username"
-      password:
-        from_secret: "docker_password"
-
----
-kind: pipeline
-type: docker
-name: deploy
-
-trigger:
-  event:
-    - push
-  branch:
-    - main
-
-depends_on:
-  - build
-
-steps:
-  - name: deploy-dev
-    image: appleboy/drone-ssh
-    settings:
-      host:
-        - dev01.wtf-eg.net
-      username: drone_deployment
-      key:
-        from_secret: "dev01_deployment_key"
-      command_timeout: 2m
-      script:
-        - echo "Executing forced command..."
-
----
-kind: pipeline
-type: docker
-name: tag-release
-
-trigger:
-  event:
-    - tag
-
-steps:
-  - name: reuse
-    image: fsfe/reuse
-  - name: lint
-    image: node:20
-    commands:
-      - npm ci
-      - npm run lint
-  - name: docker-publish
-    image: plugins/docker
-    settings:
-      registry: registry.wtf-eg.net
-      repo: registry.wtf-eg.net/ki-frontend
-      target: ki-frontend
-      auto_tag: true
-      username:
-        from_secret: "docker_username"
-      password:
-        from_secret: "docker_password"

etc/nginx/conf.d/default.conf

@@ -9,10 +9,24 @@ server {
 
     #access_log  /var/log/nginx/host.access.log  main;
 
+    root   /usr/share/nginx/html;
+
+    # routes without dots serve the index.html without caching
     location / {
-        root   /usr/share/nginx/html;
+        add_header Cache-Control "no-cache";
-        index  index.html index.htm;
+        try_files $uri $uri/index.html /index.html;
-        try_files $uri $uri/ /index.html;
+    }
+  
+    # static js and css files that get replaced instead of updated
+    location ~ \.(js|css) {
+        add_header Cache-Control "public, max-age=31536000, immutable";
+        try_files $uri =404;
+    }
+  
+    # cache other static files for 30 days
+    location ~ \.(?!html) {
+        add_header Cache-Control "public, max-age=2592000";
+        try_files $uri =404;
     }
 
     #error_page  404              /404.html;