Fix next-contentlayer warnings and Vercel deployment build error

.gitignore

@@ -38,4 +38,7 @@ yarn-error.log*
 next-env.d.ts
 
 # certificates
-certificates
+certificates
+
+# content
+.contentlayer

components.json

@@ -13,4 +13,4 @@
     "components": "@/components",
     "utils": "@/lib/utils"
   }
-}
+}

next.config.js → next.config.cjs

@@ -1,8 +1,13 @@
+import { withContentlayer } from "next-contentlayer"
+
 import("./src/env.mjs")
 
 /** @type {import("next").NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
+  experimental: {
+    webpackBuildWorker: true,
+  },
   images: {
     remotePatterns: [
       {
@@ -21,4 +26,4 @@ const nextConfig = {
   },
 }
 
-module.exports = nextConfig
+export default withContentlayer(nextConfig)

src/actions/email.ts

@@ -4,6 +4,7 @@ import crypto from "crypto"
 import { getUserByEmail } from "@/actions/user"
 import { prisma } from "@/db"
 import { env } from "@/env.mjs"
+import { type User } from "@prisma/client"
 import {
   type CreateEmailOptions,
   type CreateEmailRequestOptions,
@@ -72,3 +73,22 @@ export async function checkIfEmailVerified(email: string): Promise<boolean> {
     throw new Error("Error checking if email verified")
   }
 }
+
+export async function markEmailAsVerified(
+  emailVerificationToken: string
+): Promise<User> {
+  try {
+    return await prisma.user.update({
+      where: {
+        emailVerificationToken,
+      },
+      data: {
+        emailVerified: new Date(),
+        emailVerificationToken: null,
+      },
+    })
+  } catch (error) {
+    console.error(error)
+    throw new Error("Error marking email as verified")
+  }
+}

src/actions/user.ts

@@ -44,4 +44,4 @@ export async function getUserByEmailVerificationToken(
     console.error(error)
     throw new Error("Error getting user by email verification token")
   }
-}
+}

src/app/(auth)/signup/page.tsx

@@ -4,7 +4,6 @@ import { redirect } from "next/navigation"
 import { env } from "@/env.mjs"
 
 import { getCurrentUser } from "@/lib/auth"
-import { cn } from "@/lib/utils"
 import { buttonVariants } from "@/components/ui/button"
 import {
   Card,

src/app/(auth)/signup/verify-email/page.tsx

@@ -1,8 +1,8 @@
 import { type Metadata } from "next"
 import Link from "next/link"
 import { redirect } from "next/navigation"
+import { markEmailAsVerified } from "@/actions/email"
 import { getUserByEmailVerificationToken } from "@/actions/user"
-import { prisma } from "@/db"
 import { env } from "@/env.mjs"
 
 import { cn } from "@/lib/utils"
@@ -22,7 +22,7 @@ export const metadata: Metadata = {
   description: "Verify your email address to continue",
 }
 
-interface VerifyEmailPageProps {
+export interface VerifyEmailPageProps {
   searchParams: { [key: string]: string | string[] | undefined }
 }
 
@@ -63,19 +63,8 @@ export default async function VerifyEmailPage({
       )
     }
 
-    const updatedUser = await prisma.user.update({
-      where: {
-        emailVerificationToken,
-      },
-      data: {
-        emailVerified: new Date(),
-        emailVerificationToken: null,
-      },
-    })
-
-    if (!updatedUser) {
-      redirect("/signup")
-    }
+    const updatedUser = await markEmailAsVerified(emailVerificationToken)
+    if (!updatedUser) redirect("/signup")
 
     return (
       <div className="flex min-h-screen w-full items-center justify-center">

src/components/emails/email-verification-email.tsx

@@ -10,18 +10,6 @@ import { Section } from "@react-email/section"
 import { Tailwind } from "@react-email/tailwind"
 import { Text } from "@react-email/text"
 
-// import {
-//   Body,
-//   Button,
-//   Container,
-//   Head,
-//   Html,
-//   Preview,
-//   Section,
-//   Tailwind,
-//   Text,
-// } from "@react-email/components"
-
 import { siteConfig } from "@/config/site"
 
 interface EmailVerificationEmailProps {

src/components/emails/magic-link-email.tsx

@@ -1,14 +1,3 @@
-// import {
-//   Body,
-//   Button,
-//   Container,
-//   Head,
-//   Html,
-//   Preview,
-//   Section,
-//   Tailwind,
-//   Text,
-// } from "@react-email/components"
 import { Body } from "@react-email/body"
 import { Button } from "@react-email/button"
 import { Container } from "@react-email/container"

src/components/emails/reset-password-email.tsx

@@ -1,15 +1,4 @@
 import * as React from "react"
-// import {
-//   Body,
-//   Button,
-//   Container,
-//   Head,
-//   Html,
-//   Preview,
-//   Section,
-//   Tailwind,
-//   Text,
-// } from "@jsx-email/all"
 import { Body } from "@react-email/body"
 import { Button } from "@react-email/button"
 import { Container } from "@react-email/container"

tsconfig.json

@@ -28,15 +28,14 @@
   },
   "include": [
     "next-env.d.ts",
-    "**/*.js",
-    "**/*.cjs",
-    "**/*.mjs",
     "**/*.ts",
-    "**/*.jsx",
     "**/*.tsx",
+    "**/*.cjs",
+    "**/*.mjs",
     ".next/types/**/*.ts",
     "./contentlayer.config.js",
-    ".contentlayer/generated"
+    ".contentlayer/generated",
+    "next.config.cjs"
   ],
   "exclude": ["node_modules"]
 }