Create a User model in Prisma with Clerk on Signup

import type { IncomingHttpHeaders } from "http";
import type { NextApiRequest, NextApiResponse } from "next";
import type { WebhookRequiredHeaders } from "svix";
import { Webhook } from "svix";
import { Prisma, prisma } from "@acme/db";

const webhookSecret: string = process.env.WEBHOOK_SECRET || "";

export default async function handler(
  req: NextApiRequestWithSvixRequiredHeaders,
  res: NextApiResponse,
) {
  const payload = JSON.stringify(req.body);
  const headers = req.headers;
  const wh = new Webhook(webhookSecret);
  let evt: Event | null = null;
  try {
    evt = wh.verify(payload, headers) as Event;
  } catch (_) {
    return res.status(400).json({});
  }

  const { id } = evt.data;
  // Handle the webhook
  const eventType: EventType = evt.type;

  if (eventType === "user.created" || eventType === "user.updated") {
    const { gstNumber, phoneNumber, id, name } = evt.data;

    if (!phoneNumber) {
      return res.status(400).json({});
    }

    await prisma.user.upsert({
      where: { id: id },
      update: {
        name: name,
        gstNumber: gstNumber,
      },
      create: {
        id: id,
        phoneNumber: phoneNumber,
        gstNumber: "",
        role: "BASIC",
        subscribedPlans: { create: { enabledPlan: "BASIC" } },
      },
    });
  }
  console.log(`User ${id} was ${eventType}`);
  res.status(201).json({});
}

type NextApiRequestWithSvixRequiredHeaders = NextApiRequest & {
  headers: IncomingHttpHeaders & WebhookRequiredHeaders;
};

type Event = {
  data: Prisma.UserCreateInput;
  object: "event";
  type: EventType;
};

type EventType = "user.created" | "user.updated" | "*";

import type { IncomingHttpHeaders } from "http";
import type { NextApiRequest, NextApiResponse } from "next";
import type { WebhookRequiredHeaders } from "svix";
import { Webhook } from "svix";
import { Prisma, prisma } from "@acme/db";

const webhookSecret: string = process.env.WEBHOOK_SECRET || "";

export default async function handler(
  req: NextApiRequestWithSvixRequiredHeaders,
  res: NextApiResponse,
) {
  const payload = JSON.stringify(req.body);
  const headers = req.headers;
  const wh = new Webhook(webhookSecret);
  let evt: Event | null = null;
  try {
    evt = wh.verify(payload, headers) as Event;
  } catch (_) {
    return res.status(400).json({});
  }

  const { id } = evt.data;
  // Handle the webhook
  const eventType: EventType = evt.type;

  if (eventType === "user.created" || eventType === "user.updated") {
    const { gstNumber, phoneNumber, id, name } = evt.data;

    if (!phoneNumber) {
      return res.status(400).json({});
    }

    await prisma.user.upsert({
      where: { id: id },
      update: {
        name: name,
        gstNumber: gstNumber,
      },
      create: {
        id: id,
        phoneNumber: phoneNumber,
        gstNumber: "",
        role: "BASIC",
        subscribedPlans: { create: { enabledPlan: "BASIC" } },
      },
    });
  }
  console.log(`User ${id} was ${eventType}`);
  res.status(201).json({});
}

type NextApiRequestWithSvixRequiredHeaders = NextApiRequest & {
  headers: IncomingHttpHeaders & WebhookRequiredHeaders;
};

type Event = {
  data: Prisma.UserCreateInput;
  object: "event";
  type: EventType;
};

type EventType = "user.created" | "user.updated" | "*";

import { withClerkMiddleware } from "@clerk/nextjs/server";
import { NextResponse } from "next/server";
import type { NextRequest } from "next/server";

export default withClerkMiddleware((_req: NextRequest) => {
  return NextResponse.next();
});

// Stop Middleware running on static files
export const config = {
  matcher: [
    /*
     * Match request paths except for the ones starting with:
     * - _next
     * - static (static files)
     * - favicon.ico (favicon file)
     *
     * This includes images, and requests from TRPC.
     */
    "/(.*?trpc.*?|(?!static|.*\\..*|_next|favicon.ico).*)",
  ],
};

import { withClerkMiddleware } from "@clerk/nextjs/server";
import { NextResponse } from "next/server";
import type { NextRequest } from "next/server";

export default withClerkMiddleware((_req: NextRequest) => {
  return NextResponse.next();
});

// Stop Middleware running on static files
export const config = {
  matcher: [
    /*
     * Match request paths except for the ones starting with:
     * - _next
     * - static (static files)
     * - favicon.ico (favicon file)
     *
     * This includes images, and requests from TRPC.
     */
    "/(.*?trpc.*?|(?!static|.*\\..*|_next|favicon.ico).*)",
  ],
};