add register logic

next.config.js

@@ -1,4 +1,11 @@
 /** @type {import('next').NextConfig} */
-const nextConfig = {}
+
+const path = require("path")
+
+const nextConfig = {
+  sassOptions: {
+    includePaths: [path.join(__dirname, "styles")],
+  },
+}
 
 module.exports = nextConfig

package.json

@@ -19,6 +19,7 @@
   },
   "devDependencies": {
     "eslint": "8",
-    "eslint-config-next": "14.0.3"
+    "eslint-config-next": "14.0.3",
+    "sass": "^1.69.5"
   }
 }

src/app/api/auth/signup/route.js

@@ -1,5 +1,5 @@
-import { connectDB } from "@/libs/mongodb"
-import User from "@/models/user"
+import { connectDB } from "@/utils/dbConnect"
+import User from "@/models/User"
 import { NextResponse } from "next/server"
 import bcrypt from "bcryptjs"
 import mongoose from "mongoose"
@@ -8,7 +8,7 @@ export async function POST(request) {
   try {
     await connectDB()
 
-    const { fullname, email, password } = await request.json()
+    const { username, email, password } = await request.json()
 
     if (password < 6)
       return NextResponse.json(
@@ -31,7 +31,7 @@ export async function POST(request) {
     const hashedPassword = await bcrypt.hash(password, 12)
 
     const user = new User({
-      fullname,
+      username,
       email,
       password: hashedPassword,
     })
@@ -41,7 +41,7 @@ export async function POST(request) {
 
     return NextResponse.json(
       {
-        fullname,
+        username,
         email,
         createdAt: savedUser.createdAt,
         updatedAt: savedUser.updatedAt,

src/app/dashboard/profile/page.jsx

@@ -0,0 +1,9 @@
+const Profile = () => {
+  return (
+    <div>
+      <h1>Profile</h1>
+    </div>
+  )
+}
+
+export default Profile

src/app/globals.scss

@@ -0,0 +1,13 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+body,
+html {
+  height: 100%;
+  width: 100%;
+  background: #111111;
+  color: #ffffff;
+}

src/app/layout.jsx

@@ -1,11 +1,11 @@
-import { Inter } from 'next/font/google'
-import './globals.css'
+import { Inter } from "next/font/google"
+import "./globals.scss"
 
-const inter = Inter({ subsets: ['latin'] })
+const inter = Inter({ subsets: ["latin"] })
 
 export const metadata = {
-  title: 'Create Next App',
-  description: 'Generated by create next app',
+  title: "Create Next App",
+  description: "Generated by create next app",
 }
 
 export default function RootLayout({ children }) {

src/app/page.jsx

@@ -1,5 +1,5 @@
 import Image from "next/image"
-import styles from "./page.module.css"
+import styles from "./page.module.scss"
 
 export default function Home() {
   return <h1>Homapage</h1>