- Login
- Register
+ {status === 'authenticated' && (
+ <>
+ Profile
+
+
+ )}
+ {status === 'unauthenticated' && (
+ <>
+ Login
+ Register
+
+ )}
+
setNav(!nav)} className="cursor-pointer pr-4 z-20 text-[#95743D] md:hidden "> {nav ? : }
{nav && (
diff --git a/donutshop_ecommerce/src/libs/mongoConnect.js b/donutshop_ecommerce/src/libs/mongoConnect.js
new file mode 100644
index 0000000..9159316
--- /dev/null
+++ b/donutshop_ecommerce/src/libs/mongoConnect.js
@@ -0,0 +1,30 @@
+// This approach is taken from https://github.com/vercel/next.js/tree/canary/examples/with-mongodb
+import { MongoClient } from "mongodb"
+
+if (!process.env.MONGO_URL) {
+ throw new Error('Invalid/Missing environment variable: "MONGODB_URI"')
+}
+
+const uri = process.env.MONGO_URL
+const options = {}
+
+let client
+let clientPromise;
+
+if (process.env.NODE_ENV === "development") {
+ // In development mode, use a global variable so that the value
+ // is preserved across module reloads caused by HMR (Hot Module Replacement).
+ if (!global._mongoClientPromise) {
+ client = new MongoClient(uri, options)
+ global._mongoClientPromise = client.connect()
+ }
+ clientPromise = global._mongoClientPromise
+} else {
+ // In production mode, it's best to not use a global variable.
+ client = new MongoClient(uri, options)
+ clientPromise = client.connect()
+}
+
+// Export a module-scoped MongoClient promise. By doing this in a
+// separate module, the client can be shared across functions.
+export default clientPromise
\ No newline at end of file
diff --git a/donutshop_ecommerce/tsconfig.json b/donutshop_ecommerce/tsconfig.json
new file mode 100644
index 0000000..ccb2ed9
--- /dev/null
+++ b/donutshop_ecommerce/tsconfig.json
@@ -0,0 +1,34 @@
+{
+ "compilerOptions": {
+ "lib": [
+ "dom",
+ "dom.iterable",
+ "esnext"
+ ],
+ "allowJs": true,
+ "skipLibCheck": true,
+ "strict": false,
+ "noEmit": true,
+ "incremental": true,
+ "module": "esnext",
+ "esModuleInterop": true,
+ "moduleResolution": "node",
+ "resolveJsonModule": true,
+ "isolatedModules": true,
+ "jsx": "preserve",
+ "plugins": [
+ {
+ "name": "next"
+ }
+ ]
+ },
+ "include": [
+ "next-env.d.ts",
+ ".next/types/**/*.ts",
+ "**/*.ts",
+ "**/*.tsx"
+ ],
+ "exclude": [
+ "node_modules"
+ ]
+}