Optimisation (#138)

Author: GauravKarakoti

next.config.ts

@@ -9,8 +9,9 @@ const nextConfig: NextConfig = {
   // },
   output: "standalone",
   reactStrictMode: true,
-  productionBrowserSourceMaps: true,
+  productionBrowserSourceMaps: process.env.NEXT_PUBLIC_NODE_ENV === 'development',
   images: {
+    formats: ['image/avif', 'image/webp'], 
     remotePatterns: [
       {
         protocol: "https",
@@ -56,6 +57,9 @@ const nextConfig: NextConfig = {
       },
     ],
   },
+  experimental: {
+    optimizePackageImports: ['lucide-react', 'framer-motion'],
+  },
 };
 
 export default withNextIntl(nextConfig);

package.json

@@ -39,6 +39,7 @@
     "react": "19.2.1",
     "react-dom": "19.2.1",
     "react-icons": "^5.5.0",
+    "sharp": "^0.34.5",
     "tailwind-merge": "^3.4.0"
   },
   "devDependencies": {
@@ -74,5 +75,6 @@
     "typescript-eslint": "^8.48.1",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^4.0.15"
-  }
+  },
+  "packageManager": "pnpm@10.28.2+sha512.41872f037ad22f7348e3b1debbaf7e867cfd448f2726d9cf74c08f19507c31d2c8e7a11525b983febc2df640b5438dee6023ebb1f84ed43cc2d654d2bc326264"
 }