[static] cache control by glob patterns

[guoyunhe]

Currently, we can only config the overall cache control max age, which applies to all static files.

However, in real world applications, we would like to set different max age for different files, according to their importance, update frequency, etc.

const staticServerConfig = defineConfig({
  enabled: true,
  etag: true,
  lastModified: true,
  dotFiles: 'ignore',
  cacheControl: true,
  maxAge: '30 days',

  rules: [
    // *.js have hash in filename and will never change
    { pattern: '**/*.js', maxAge: '1 year', immutable: true },
    // images might be changed (format, compression rate), but it is visually same or similar
    { pattern: 'images/**', maxAge: '7 days' },
  ],
});

[RomainLanz]

Hi! 👋🏻

While I believe this could be a nice addition, I would like to point out that in real-world applications you generally should not use your application code to manage static assets.

These are usually better handled by your web server (Nginx, Traefik, Caddy, Apache, etc.) or directly by a CDN (Cloudflare, Fastly, Bunny, etc.).

[guoyunhe]

Ideally, it is.

But in some cases, the hosting service or company infra doesn't allow you modify NGINX configuration directly.

There are also cases where the website is running as a localhost app, for example, https://github.com/syncthing/syncthing which doesn't rely on a web server.