How to setup Next js apps on Vercel using Prisma....

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;