Add Cache Response using Web Cache API

[kresnasatya]

I see a neighbour of NodeJS, Deno has implement Cache Response using Web Cache API. I think if NodeJS can catch up this it will be great.

Background

I create web app that utilize Cache Response using SvelteKit & Cloudflare Pages (functions). The reason I choose Cloudflare because SvelteKit and Cloudflare Pages communicate using Web API standards which is makes more easier to implement a Cache Response.

Btw, I'm almost keep it in two repositories and replace the Worker (plain) with Hono because it supports Cache Middleware. But, I think it makes more complicated if I do this way.

Also, the Cache Middleware of Hono framework currently support in Cloudflare and Deno.

Syntax

The GET function comes from SvelteKit but the caches comes from Cloudflare.

import { allTags } from '$lib/github';

export async function GET({ request, url }) {
    const isCloudflare = typeof caches !== 'undefined';
    
    if (isCloudflare) {
        const cacheKey = new Request(url.toString(), request);
        const cache = caches.default;
        let response = await cache.match(cacheKey);
        if (response) return response;
    }

    let json = await allTags('laravel/laravel');

    let response = new Response(JSON.stringify(json));

    response.headers.set('Cache-Control', 'public, max-age=3600');
    response.headers.set('Content-Type', 'application/json');
    response.headers.set('Access-Control-Allow-Origin', '*');
    response.headers.set('Access-Control-Allow-Methods', 'GET');

    // Put the response in the cache
    if (isCloudflare) {
        const cache = caches.default;
        const cacheKey = new Request(url.toString(), request);
        cache.put(cacheKey, response.clone());
    }

    return response;
}

[KhafraDev]

undici implement Cache and CacheStorage, https://github.com/nodejs/undici/blob/main/docs/docs/api/CacheStorage.md

[sunnypatell]

Node.js does not currently support the Web Cache API like Deno or Cloudflare Workers. However, caching can still be achieved using undici, which provides experimental CacheStorage support.

How to Cache in Node.js (Using undici)

import { caches } from 'undici';

async function fetchWithCache(url) {
    const cacheKey = new Request(url);
    const cache = await caches.open('my-cache');

    let response = await cache.match(cacheKey);
    if (response) return response;

    response = await fetch(url);
    cache.put(cacheKey, response.clone());

    return response;
}

This works similarly to Deno's caches.default, allowing response storage and retrieval.

Why Doesn’t Node.js Support caches Natively?

• Node.js isn't sandboxed like Cloudflare/Deno, so caching typically relies on Redis, LRU caches, or file-based storage.
• The Web Cache API is designed for service workers, while Node.js is optimized for server-side performance.
• undici's implementation is still experimental and not widely adopted.

Feature Proposal?

Adding built-in support for the Web Cache API could improve compatibility with SvelteKit, Next.js, and Hono, but most developers already use custom caching solutions.

For now, using undici, Redis, or an in-memory store remains the best approach. 🚀