Guys I am little bit confused, as I know

generateStaticParams

creates static routes which makes me think that htmls should be statically generated, but when I build my app I don't see any HTML being generated, could u please explain how it exactly works?

export const dynamicParams = true;

export async function generateStaticParams() {
  const posts = await fetch("https://jsonplaceholder.typicode.com/posts").then((res) => res.json());

  return posts;
}

export default async function Page({ params }: { params: { id: string } }) {
  const { id } = params;

  const post = await fetch(`https://jsonplaceholder.typicode.com/posts/${id}`).then((res) =>
    res.json(),
  );

  if (!post) {
    return <div>Post not found</div>;
  }

  return <div className="flex w-full justify-center py-2">{JSON.stringify(post)}</div>;
}