Need help 😦

I have this home page for my products and it uses prisma to search through my database and return all the products to display.

my issue right now is it correctly fetches and displays all the products when i run it in localhost however when its deployed on vercel, it only fetches and displays products that were present in the database at the time it was deployed. So if i add more products to the db, my deployment never changes.

import Image from "next/image";
import { prisma } from "@/lib/db/prisma";
import ProductCard from "../components/ProductCard";
export default async function Home() {
const products = await prisma.product.findMany({
where: {brand: "pesach to go"},
orderBy: { id: "desc" },
});
return (
<div className="bg-black">
<div className="flex justify-center">
<Image src={"/ptg_logo.jpg"} alt="ptg logo" width={500}height={300} className=""/>
</div>
<div className="my-4 grid grid-cols-1 gap-4 md:grid-cols-2 xl:grid-cols-3 p-4">
{products.map((product) => (
<ProductCard product={product} key={product.id} />
))}
</div>
</div>
);
}

Any help regarding this issue would be appreciated!