fix(deploy): remove recharts from externalization to resolve Next.js 15 conflict

- Recharts was causing transpilePackages conflict in Next.js 15
- Kept framer-motion and motion externalized (used extensively)
- Recharts only used in one file (chart-area-interactive.tsx)
- Removed recharts from optimizePackageImports to avoid implicit transpilation
- Function should stay under 250MB with just recharts bundled

Note: Prerendering errors in build are separate issue (SSG + React hooks)

Author: apex-ai-net

netlify.toml

@@ -60,9 +60,8 @@
   included_files = [".next/**/*"]
 
   # Externalize large packages - they'll be available at runtime
-  # but not bundled into the Lambda function
-  # Note: Only server-side packages should be externalized to avoid conflicts
-  # with Next.js transpilePackages (client UI libs are bundled normally)
+  # but not bundled into the Lambda function (keeps function < 250MB limit)
+  # transpilePackages: [] in next.config.ts prevents transpilation conflicts
   external_node_modules = [
     "@sentry/nextjs",
     "@sentry/node",
@@ -74,6 +73,8 @@
     "@supabase/supabase-js",
     "@supabase/auth-helpers-nextjs",
     "svix",
-    "pg"
+    "pg",
+    "framer-motion",
+    "motion"
   ]
 

next.config.ts

@@ -23,8 +23,10 @@ const nextConfig: NextConfig = {
     '@supabase/supabase-js',
     '@supabase/auth-helpers-nextjs',
     'pg',
-    // UI/Animation libraries removed - they conflict with transpilePackages in Next.js 15
-    // Removed: 'recharts', 'framer-motion', 'motion'
+    // UI/Animation libraries - externalized to keep Netlify function < 250MB
+    // Note: recharts removed due to Next.js 15 transpilePackages conflict
+    'framer-motion',
+    'motion',
   ],
   outputFileTracingRoot: path.join(__dirname),
   // Expose Sentry DSN to the client without adding new Netlify vars
@@ -183,6 +185,7 @@ const nextConfig: NextConfig = {
       bodySizeLimit: '10mb'
     },
     // Enable modern features for better performance
+    // NOTE: recharts removed from optimizePackageImports to avoid transpilation conflict
     optimizePackageImports: [
       '@radix-ui/react-icons',
       '@radix-ui/react-dropdown-menu',
@@ -191,7 +194,6 @@ const nextConfig: NextConfig = {
       '@radix-ui/react-tabs',
       '@radix-ui/react-slider',
       'lucide-react',
-      'recharts',
       '@tabler/icons-react',
       '@dnd-kit/core',
       '@dnd-kit/sortable',