refactor: set resend as custom email provider and remove nodemailer

.eslintrc.json

@@ -26,6 +26,6 @@
     ]
   },
   "ignorePatterns": [
-    "next.config.js"
+    "*.config.js"
   ]
 }

components.json

@@ -4,7 +4,7 @@
   "rsc": true,
   "tsx": true,
   "tailwind": {
-    "config": "tailwind.config.ts",
+    "config": "tailwind.config.js",
     "css": "src/app/globals.css",
     "baseColor": "slate",
     "cssVariables": true

next.config.js

@@ -1,6 +1,7 @@
 const { withContentlayer } = require("next-contentlayer");
 const withPWA = require("@ducanh2912/next-pwa").default({
   dest: "public",
+  disable: process.env.NODE_ENV !== "production",
 });
 
 /** @type {import('next').NextConfig} */
@@ -9,6 +10,9 @@ const nextConfig = {
   swcMinify: true,
   experimental: {
     serverActions: true,
+    serverComponentsExternalPackages: [
+      "@prisma/client",
+    ],
   },
 };
 

package.json

@@ -38,7 +38,6 @@
     "next-auth": "^4.22.1",
     "next-contentlayer": "^0.3.3",
     "next-themes": "^0.2.1",
-    "nodemailer": "^6.9.3",
     "postcss": "8.4.24",
     "prisma": "^5.0.0",
     "react": "18.2.0",

src/components/layout/auth-form.tsx

@@ -38,7 +38,7 @@ export default function AuthForm() {
     saCheckEmailExists(data.email.toLowerCase())
       .then(async () => {
         try {
-          const res = await signIn("email", {
+          const res = await signIn("resend", {
             email: data.email.toLowerCase(),
             redirect: false,
           });

src/lib/auth.ts

@@ -1,42 +1,48 @@
 import { PrismaAdapter } from "@next-auth/prisma-adapter";
 import { type NextAuthOptions } from "next-auth";
-import EmailProvider, {
-  type SendVerificationRequestParams,
-} from "next-auth/providers/email";
+import { type SendVerificationRequestParams } from "next-auth/providers/email";
 import GithubProvider from "next-auth/providers/github";
 import db from "~/lib/db";
 import { sendMail } from "~/lib/resend";
 
 const sendVerificationRequest = async ({
-  identifier,
+  identifier: email,
   url,
 }: SendVerificationRequestParams) => {
   const user = await db.user.findFirst({
     where: {
-      email: identifier,
+      email,
     },
     select: {
-      emailVerified: true,
       name: true,
     },
   });
 
-  await sendMail({
-    toMail: identifier,
-    type: "verification",
-    data: {
-      name: user?.name as string,
-      url,
-    },
-  });
+  try {
+    await sendMail({
+      toMail: email,
+      type: "verification",
+      data: {
+        name: user?.name as string,
+        url,
+      },
+    });
+  } catch (error) {
+    throw new Error(JSON.stringify(error));
+  }
 };
 
 export const authOptions: NextAuthOptions = {
   adapter: PrismaAdapter(db),
   providers: [
-    EmailProvider({
+    {
+      id: "resend",
+      type: "email",
+      name: "Email Provider",
+      server: null,
+      options: {},
       sendVerificationRequest,
-    }),
+    },
     GithubProvider({
       clientId: process.env.GITHUB_CLIENT_ID as string,
       clientSecret: process.env.GITHUB_CLIENT_SECRET as string,