established connection with test mongo db

app/api/page.jsx

@@ -0,0 +1,8 @@
+import { dbConnect } from "../../lib/dbConnect";
+
+export default async function handler(req, res) {
+  //the rest of your code here
+}
+
+await dbConnect();
+// dbConnect().catch((err) => console.error("MongoDB connection error:", err));

lib/dbConnect.js

@@ -0,0 +1,23 @@
+"use server";
+import mongoose from "mongoose";
+const uri = process.env.MONGO_URI;
+
+export async function dbConnect() {
+  await mongoose.connect(uri, {
+    useNewUrlParser: true,
+    serverSelectionTimeoutMS: 5000,
+    socketTimeoutMS: 45000,
+    family: 4, // Use IPv4, skip trying IPv6
+  });
+  console.log("models:", mongoose.models);
+
+  console.log("Mongoose connected to MongoDB Atlas!");
+  const kittySchema = new mongoose.Schema({
+    name: String,
+  });
+  const Cat = mongoose.models.Cat || mongoose.model("Cat", kittySchema);
+  console.log("Cat modeled");
+
+  const fluffy = new Cat({ name: "fluffy" });
+  fluffy.save;
+}

package.json

@@ -19,6 +19,7 @@
     "@emotion/styled": "^11.11.0",
     "decimal.js": "^10.4.3",
     "framer-motion": "^11.0.8",
+    "mongoose": "^8.2.0",
     "next": "14.1.1",
     "numeral": "^2.0.6",
     "postcss-loader": "^8.1.1",