Update next.config.js

next.config.js

@@ -4,11 +4,18 @@
  * @type {import("next").NextConfig}
  **/
 const nextConfig = {
-  output: 'standalone',
+  output: "standalone",
   images: {
-    domains: [
-        'api.dicebear.com'
-    ]
+    // Disable Next.js image optimization to avoid needing `sharp` in production
+    unoptimized: true,
+
+    // Replace deprecated `images.domains` with `remotePatterns`
+    remotePatterns: [
+      {
+        protocol: "https",
+        hostname: "api.dicebear.com",
+      },
+    ],
   },
   async headers() {
     return [
@@ -16,22 +23,13 @@ const nextConfig = {
         // apply headers to all routes
         source: "/:path*",
         headers: [
-          {
-            key: "X-DNS-Prefetch-Control",
-            value: "on",
-          },
-          {
-            key: "X-XSS-Protection",
-            value: "1; mode=block",
-          },
-          {
-            key: "X-Content-Type-Options",
-            value: "nosniff",
-          },
+          { key: "X-DNS-Prefetch-Control", value: "on" },
+          { key: "X-XSS-Protection", value: "1; mode=block" },
+          { key: "X-Content-Type-Options", value: "nosniff" },
         ],
       },
     ]
   },
 }
 
-module.exports = nextConfig
+module.exports = nextConfig