How to know when a fetch is cached ?

[Djay77]

Summary

Hello,

I need to know and log when a fetch() response came from cache.

How to check this ?

The Response status is still 200, cacheState is always an empty string and timingInfo is null !

the same in dev or build + start

Next v.14.2.2

Thanks
Djay

Additional information

No response

Example

No response

[mutasim77]

It's actually quite simple and it's a built-in feature in Next.js. You can enable it just by adding this logger to your Next.js config:

const nextConfig = {
  logging: {
    fetches: {
      fullUrl: true
    }
  }
};

The result will look something like this:

| GET http://example.com/api/data 200 in 123ms (cache: MISS)
| GET http://example.com/api/data 200 in 5ms (cache: HIT)

For requests that skip the cache, you might see:

| GET http://example.com/api/data 200 in 150ms (cache: SKIP)
    cache skipped reason: (cache: no-cache)

Hope this was helpful!

[Djay77]

Hello, thank you @mutasim77, I already have this config activated but I need to know this directly from the Response object (or something in my code to log the Request in an external service), not in my console :(

[jukkagronroos]

Hi, I encountered a similar problem, any solutions to this issue?

[ratz6]

any solution to this ?