added password reset & magic link auth options

Author: Coderamrin

package-lock.json

@@ -9,15 +9,16 @@
     "lint": "next lint"
   },
   "dependencies": {
-    "@auth/prisma-adapter": "^1.0.11",
-    "@prisma/client": "^5.7.0",
+    "@auth/prisma-adapter": "^1.5.0",
+    "@prisma/client": "^5.11.0",
     "axios": "^1.6.2",
     "bcrypt": "^5.0.1",
-    "date-fns": "^2.30.0",
+    "date-fns": "^3.4.0",
     "gray-matter": "^4.0.3",
-    "next": "^13.5.6",
+    "next": "^14.1.3",
     "next-auth": "^4.24.5",
-    "next-themes": "^0.2.1",
+    "next-themes": "^0.3.0",
+    "nodemailer": "^6.9.12",
     "prettier": "^3.1.0",
     "prettier-plugin-tailwindcss": "^0.5.7",
     "prisma": "^5.7.0",
@@ -32,13 +33,14 @@
   },
   "devDependencies": {
     "@types/bcrypt": "^5.0.2",
-    "@types/node": "^20.10.2",
+    "@types/node": "^20.11.27",
+    "@types/nodemailer": "^6.4.14",
     "@types/prismjs": "^1.26.3",
-    "@types/react": "^18",
+    "@types/react": "^18.2.66",
     "@types/react-dom": "^18",
     "autoprefixer": "^10.0.1",
     "eslint": "^8",
-    "eslint-config-next": "14.0.3",
+    "eslint-config-next": "^14.1.3",
     "postcss": "^8",
     "tailwindcss": "^3.3.0",
     "typescript": "^5"

package.json

@@ -39,14 +39,16 @@ model Session {
 }
 
 model User {
-  id            String    @id @default(cuid())
-  name          String?
-  email         String?   @unique
-  emailVerified DateTime?
-  image         String?
-  password      String?
-  accounts      Account[]
-  sessions      Session[]
+  id                    String    @id @default(cuid())
+  name                  String?
+  email                 String?   @unique
+  emailVerified         DateTime?
+  image                 String?
+  password              String?
+  passwordResetToken    String?   @unique
+  passwordResetTokenExp DateTime?
+  accounts              Account[]
+  sessions              Session[]
 }
 
 model VerificationToken {
@@ -55,4 +57,4 @@ model VerificationToken {
   expires    DateTime
 
   @@unique([identifier, token])
-}
+}

prisma/schema.prisma

@@ -0,0 +1,14 @@
+import React from "react";
+import ForgotPassword from "@/components/Auth/ForgotPassword";
+import Breadcrumb from "@/components/Common/Breadcrumb";
+
+const ForgotPasswordPage = () => {
+  return (
+    <>
+      <Breadcrumb pageName="Forget Password" />
+      <ForgotPassword />
+    </>
+  );
+};
+
+export default ForgotPasswordPage;

public/images/404.svg

@@ -0,0 +1,14 @@
+import React from "react";
+import ResetPassword from "@/components/Auth/ResetPassword";
+import Breadcrumb from "@/components/Common/Breadcrumb";
+
+const ResetPasswordPage = ({ params }: { params: { token: string } }) => {
+  return (
+    <>
+      <Breadcrumb pageName="Reset Password" />
+      <ResetPassword token={params.token} />
+    </>
+  );
+};
+
+export default ResetPasswordPage;

public/images/footer/brands/ecommerce-html.svg

@@ -12,7 +12,7 @@ type Props = {
   params: { slug: string };
 };
 
-export async function generateMetadata({ params }) {
+export async function generateMetadata({ params }: Props) {
   const posts = getAllPosts(["title", "date", "excerpt", "coverImage", "slug"]);
   const post = getPostBySlug(params.slug, [
     "title",