cache & cors header

src/server.cloudflare.js

@@ -4,8 +4,18 @@ import manifest from "__STATIC_CONTENT_MANIFEST";
 
 const app = createServer();
 
+const setCacheAndCors = (req, res, next) => {
+  res.setHeader("Cache-Control", "public, max-age=3600"); // 1 hour cache
+  res.setHeader("Access-Control-Allow-Origin", "*");
+  res.setHeader("Access-Control-Allow-Methods", "GET,POST,PUT,DELETE,OPTIONS");
+  res.setHeader("Access-Control-Allow-Headers", "Content-Type, Authorization");
+  next();
+};
+
+app.use("/cdn/*", setCacheAndCors);
 app.use("/cdn/*", serveStatic({ root: "./", manifest }));
 ["explore", "decide", "checkout"].forEach((team) => {
+  app.use(`/${team}/static/*`, setCacheAndCors);
   app.use(`/${team}/static/*`, serveStatic({ root: `./`, manifest }));
 });
 

wrangler.toml

@@ -3,12 +3,4 @@ main = "src/server.cloudflare.js"
 compatibility_date = "2024-03-12"
 
 [site]
-bucket = "./public"
-
-  [[site.headers]]
-  for = "*"
-  [site.headers.values]
-  Cache-Control = "public, max-age=3600"
-  Access-Control-Allow-Origin = "*"
-  Access-Control-Allow-Methods = "GET, POST, OPTIONS"
-  Access-Control-Allow-Headers = "*"
+bucket = "./public"