Remote Cache

Use use cache: remote to store cache entries in a remote handler (e.g. Redis or KV), providing durable, shared caching across all server instances.
Regular use cache stores entries in-memory, which works for static shell content but may have low hit rates at runtime in serverless environments.
Most useful for data that would otherwise be re-fetched on every request, where remote caching reduces load on rate-limited APIs, slow backends, or expensive operations.

app/remote-cache/page.tsx

1async function getProductPrice(productId: string) {
2  'use cache: remote';
3  cacheTag(`product-price-${productId}`);
4  const product = await db.product.find({ where: { id: productId } });
5  return product.price;
6}

Demo

Product data is fetched with use cache in getData() - cached in the static shell.
Price data is fetched with use cache: remote in getProductPrice() - stored durably in a remote cache, shared across all server instances.
The price data function uses cacheTag() for targeted cache invalidation.
Artificial delays (1s for products, 1s for prices) make caching behavior visible.
Notice how product data loads once, while price data streams in per product, but is cached for subsequent requests.