I've been fighting bugs for ages, Mye learning journey is stuck for months just because i couldn't find a way to deploy my next js app on vercel that uses Prisma and MongoDB, I really have a question
How to deploy on vercel with my prisma powered next app? Can I use accelerate on vercel?

here are my files and how I use them:

import prisma from "@/lib/db";
import React from "react";

const handleSubmit = async (formData: FormData) => {
  "use server";
  const source = formData.get("source");
  try {
    const submit = await prisma.test.create({
      data: {
        source: source as string,
      },
    });
  } catch (error) {
    console.log(error);
    throw new Error("Something went wrong");
  }
};

const Form = () => {
  return (
    <div>
      <form action={handleSubmit}>
        <input name="source" type="text" />
        <button>Submit</button>
      </form>
    </div>
  );
};

export default Form;

import { PrismaClient } from "@prisma/client";

const prismaClientSingleton = () => {
  return new PrismaClient();
};

declare const globalThis: {
  prismaGlobal: ReturnType<typeof prismaClientSingleton>;
} & typeof global;

const prisma = globalThis.prismaGlobal ?? prismaClientSingleton();

export default prisma;

if (process.env.NODE_ENV !== "production") globalThis.prismaGlobal = prisma;

My app works fine locally, build and deploys with no problems, but requests doesn't go through from the actual website online
U guys have no idea how much it will help me if u solve this issue for me 🙏