Vercel Next JS Cache MISS and HIT questions

[chrissshh]

I have a dynamic page in Next JS 14 located at "/product/[slug]" and I'm having trouble understanding how to reduce the serverless function invocations in vercel since most of these pages are generated and cached for 3 months. I always get Cache MISS and the function runs even if the data is cached for a specific slug.

My Question: Does a dynamic route always require a function invocation even if the data is cached?

Here is sample code of the page

export default async function ProductDetails({
  params,
}: {
  params: { slug: string };
}) {
  const res = await fetch(
   "https://www.another-domain.com/api/product?p=${params.slug}",
    {
      method: "GET",
      next: { revalidate: 60000000 },
    },
  ).then((response) => response.json());

  return (
    <div className="">
      <p>{JSON.stringify(res,null,2)}</p>
    </div>
  );
}

[HakanSungur]

I've same problem.