Hello, I wanted to use ISR for my nextjs 15 app. Basically I want my blog post page to be cached and revalidated each 60 seconds, so the views stay the same. But every time I refresh the page, it is fetching the views over and over instead of using the cached version. Is it because the nextjs 15 caching changes?

//app/blog/[slug]/page.tsx

export const revalidate = 60;

type Params = {
  slug: string;
};

export default async function Post(props: { params: Promise<Params> }) {
  const params = await props.params;
  const post = getBlogPostBySlug(params.slug);

  if (!post) {
    return notFound();
  }

  const content = await markdownToHtml(post.content || "");

  return (
    <div className="flex flex-col gap-2">
      <Link href="/blogs" className="text-gray-600 hover:text-gray-900">
        Back
      </Link>
      <PostHeader post={post} />
      <div
        dangerouslySetInnerHTML={{ __html: content }}
        className={markdownStyles["markdown"]}
      />
    </div>
  );
}

export async function generateMetadata(props: {
  params: Promise<Params>;
}): Promise<Metadata> {
  const params = await props.params;
  const post = getBlogPostBySlug(params.slug);

  if (!post) {
    return notFound();
  }

  const title = post.title;

  return {
    title,
  };
}

export async function generateStaticParams() {
  const posts = getAllBlogPosts();

  return posts.map((post) => ({
    slug: post.slug,
  }));
}

In post header I have this component

import { getViewCount } from "@/lib/actions/viewCount";

export async function ShowViews({ slug }: { slug: string }) {
  const { views } = await getViewCount(slug);

  return <div>{views} views</div>;
}