diff --git a/ui/server/middleware/cache-headers.ts b/ui/server/middleware/cache-headers.ts
new file mode 100644
index 000000000..3b81a6a9a
--- /dev/null
+++ b/ui/server/middleware/cache-headers.ts
@@ -0,0 +1,26 @@
+import {DateTime, Duration} from "luxon";
+
+const defaultMaxAge = Duration.fromISO("PT5M");
+const assetsMaxAge = Duration.fromISO("PT1H");
+
+export default defineEventHandler(event => {
+    const req = event.node.req;
+    const res = event.node.res;
+    console.log("event", event);
+    // console.log("req", req);
+    // console.log("res", res);
+    console.log("req.headers.host", req.headers.host);
+    console.log("res.statusCode", res.statusCode);
+    console.log("event.handled", event.handled);
+    if (res.statusCode != 200) {
+        return;
+    }
+    const url = event.node.req.url;
+    if (url) {
+        const isAsset = url.match(/(.+)\.(jpg|jpeg|gif|css|png|js|ico|svg|mjs|webp)/);
+        const maxAge = isAsset ? assetsMaxAge : defaultMaxAge;
+        const expires = DateTime.now().plus(maxAge).toHTTP();
+        res.setHeader('cache-control', `public, max-age=${Math.round(maxAge.toMillis() / 1000)}`);
+        res.setHeader('expires', expires);
+    }
+});