我是一个NextJS新手，对基本的React应用程序只有真实的的经验和理解。这是我第一次尝试部署一个基本的CRUD NextJS应用程序（使用prisma和mongoDB），当使用npm run dev时运行良好，但当使用npm run build然后使用npm run start或部署到Vercel时，网站的行为完全不同，所有功能都丢失了。
主页是一个香水列表，每个香水都有一个删除按钮。

当尝试删除这些内容或从MongoDB数据库进行更新时，在使用npm run build构建网站后，网站上的内容不会更新。

import { getFragrances } from "@/lib/prisma/fragrances";
import FragranceListItem from "./fragranceListItem";

const Fragrances = async () => {
  const { fragrances } = await getFragrances();
  const sortedFragrances = fragrances.sort((a, b) =>
    a.name.localeCompare(b.name)
  );

  return (
    <section className="fixed h-full w-full bg-gray-900">
      <div className="center py-4">
        <h2 className="mb-4 text-xl font-medium text-white">Fragrances</h2>
        <nav aria-label="Main Nav" className="flex flex-col space-y-1">
          {sortedFragrances?.map((fragrance) => {
            return <FragranceListItem fragrance={fragrance} />;
          })}
        </nav>
      </div>
    </section>
  );
};

export default Fragrances;

这段代码是相当基本的，但我很确定我需要在底部添加某种getServerSideProps函数，但我不知道如何，我已经尝试过，但它没有呈现任何东西。我错过了NextJS和服务器渲染代码中的一些基本步骤吗？SSR或ISR是我采取的正确方法吗？我目前的代码看起来会是什么样子？非常感谢所有帮助：）