Caching not working as expected with Astro SSR

I have the following website: https://modmasters.netlify.app/detail/16002
When i first visit the page i see in the cache-status: “Netlify Edge”; fwd=miss as expected.
When i reload the page i get: “Netlify Edge”; hit

So far so good.
But when i wait a minute or use a different browser for the same page i get: “Netlify Edge”; fwd=miss
The cache-control looks like this: public,max-age=86400

The page have the following headers:
Astro.response.headers.set(‘Cache-Control’, ‘public, max-age=86400’);
Astro.response.headers.set(‘CDN-Cache-Control’, ‘public, max-age=86400’);
Astro.response.headers.set(‘Netlify-CDN-Cache-Control’, ‘public, max-age=86400’);

The page is generated using SSR.

I expect that the page is cache for 24 hours yet it seems that it is only for a couple of seconds.
What im doing wrong?

Cache is per-CDN node. Each request can hit a different CDN node. Unless all our CDN nodes have your file cached, the above is expected.

I have got the same exact issue over here

using astro ssr, not sure why cache miss after like a minute, please help.

Did you read the answer given above?