punhe
diff --git a/‎app/layout.tsx
+19 b/‎app/layout.tsx
+19
diff --git a/‎pages/index.tsx ‎app/page.tsx
+3-1 b/‎pages/index.tsx ‎app/page.tsx
+3-1
diff --git a/‎pages/user/[id].tsx ‎app/user/[id].tsx b/‎pages/user/[id].tsx ‎app/user/[id].tsx
diff --git a/‎next-env.d.ts
+1-1 b/‎next-env.d.ts
+1-1
diff --git a/‎next.config.mjs
+4-4 b/‎next.config.mjs
+4-4
diff --git a/‎package-lock.json
-143 b/‎package-lock.json
-143
diff --git a/‎package.json
-1 b/‎package.json
-1
diff --git a/‎pages/api/users.ts
-22 b/‎pages/api/users.ts
-22
diff --git a/‎pages/app.tsx
-19 b/‎pages/app.tsx
-19
diff --git a/‎postcss.config.js
-6 b/‎postcss.config.js
-6
diff --git a/‎tailwind.config.js
-10 b/‎tailwind.config.js
-10
diff --git a/‎tailwind.config.ts
-6 b/‎tailwind.config.ts
-6
diff --git a/‎tsconfig.json
+21-5 b/‎tsconfig.json
+21-5
diff --git a/‎types/user.ts
+6-6 b/‎types/user.ts
+6-6
@@ -0,0 +1,19 @@
+import type { Metadata } from "next";
+import "../styles/globals.css";
+
+export const metadata: Metadata = {
+  title: "User Management App",
+  description: "Demo NextJS",
+};
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode;
+}>) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  );
+}
@@ -1,3 +1,5 @@
+"use client";
+
 import { useState } from "react";
 import { User } from "../types/user";
 
@@ -10,7 +12,7 @@ export default function Home() {
     setLoading(true);
     setError(null);
     try {
-      const response = await fetch("/api/users");
+      const response = await fetch("https://nest-prisma-mongo.onrender.com/users");
       if (!response.ok) {
         throw new Error(`HTTP error! status: ${response.status}`);
       }
 
@@ -2,4 +2,4 @@
 /// <reference types="next/image-types/global" />
 
 // NOTE: This file should not be edited
-// see https://nextjs.org/docs/pages/building-your-application/configuring/typescript for more information.
+// see https://nextjs.org/docs/app/building-your-application/configuring/typescript for more information.
@@ -1,6 +1,6 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
-    reactStrictMode: true,
-  }
-  
-  export default nextConfig
+  reactStrictMode: true,
+};
+
+export default nextConfig;
@@ -17,7 +17,6 @@
     "@types/node": "^20",
     "@types/react": "^18",
     "@types/react-dom": "^18",
-    "autoprefixer": "^10.4.20",
     "postcss": "^8.4.47",
     "tailwindcss": "^3.4.12",
     "typescript": "^5"
 
@@ -7,12 +7,6 @@ const config: Config = {
     "./app/**/*.{js,ts,jsx,tsx,mdx}",
   ],
   theme: {
-    extend: {
-      colors: {
-        background: "var(--background)",
-        foreground: "var(--foreground)",
-      },
-    },
   },
   plugins: [],
 };
 
@@ -1,7 +1,11 @@
 {
   "compilerOptions": {
     "target": "es5",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": [
+      "dom",
+      "dom.iterable",
+      "esnext"
+    ],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
@@ -13,8 +17,20 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
-    "incremental": true
+    "incremental": true,
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ]
   },
-  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
-  "exclude": ["node_modules"]
-}
+  "include": [
+    "next-env.d.ts",
+    "**/*.ts",
+    "**/*.tsx",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ]
+}
@@ -1,7 +1,7 @@
 export interface User {
-    id: string;
-    email: string;
-    firstName: string;
-    lastName: string;
-    age: number;
-  }
+  id: string;
+  email: string;
+  firstName: string;
+  lastName: string;
+  age: number;
+}