NextJS app `_next/data` JSON data URLs are showing 404 but when loaded directly in browser json is showing

I have a nextjs (v13) app that is on a self hosted kubernetes cluster. NextJS most of the ajax json data call form _data directory is showing as 404. But when I load those url into my browser I am not getting any 404 error.

I am not sure what is happening as in dev version everything looks perfect. You can find the site here https://sportsdemy.com

I am not sure where to start the debugging. Any hint or direction would be great to have. Just in case I have pasted my nextjs config file below:

/** @type {import('next').NextConfig} */
const nextConfig = {
	reactStrictMode: true,
	images: {
		domains: [
			'media.api-sports.io',
			'media-2.api-sports.io',
			'media-3.api-sports.io',
		],
	},
	experimental: {
		swcMinify: true,
	},
	compiler: {
		styledComponents: true,
	},
	output: 'standalone',
};

module.exports = nextConfig;

404 example

But if you load the url into your browser. You can load the json file just fine. Click here

So, looks like this issue was created because I didn't create a volume for _next/cache Once I have mapped _next/cache into a volume which all containers can share the 404 issue was gone.

If I have more update I will add it here.