feat: add deployment configuration files and npm settings; optimize build process and add optional dependencies

Author: techagbadev-create

client/.npmrc

@@ -0,0 +1,7 @@
+legacy-peer-deps=false
+fund=false
+audit=false
+save-exact=false
+package-lock=true
+engine-strict=true
+optional=true

client/DEPLOYMENT.md

@@ -0,0 +1,54 @@
+# Deployment Configuration
+
+## Platform Compatibility
+
+This project is configured to work with multiple deployment platforms:
+
+- **Netlify**: Uses `netlify.toml` configuration
+- **Vercel**: Uses `vercel.json` configuration
+- **Other platforms**: Standard Vite build output in `dist/`
+
+## Key Configuration Files
+
+- `.nvmrc`: Node.js version (18)
+- `.npmrc`: npm configuration for dependency resolution
+- `package.json`: Includes optional dependencies for all Rollup native binaries
+- `vite.config.ts`: Optimized build configuration with manual chunks
+
+## Troubleshooting
+
+### Rollup Native Binary Issues
+
+If you encounter `Cannot find module @rollup/rollup-*` errors:
+
+1. The project includes optional dependencies for all platforms
+2. npm should automatically install the correct binary for the deployment platform
+3. If issues persist, check that Node.js version is 18+ and npm is 9+
+
+### Build Performance
+
+- Build includes manual chunking for better performance
+- Large chunk warnings are normal for this application size
+- Consider implementing dynamic imports for further optimization
+
+## Deployment Commands
+
+### Netlify
+
+```bash
+npm ci && npm run build
+```
+
+### Vercel
+
+```bash
+npm ci && npm run build
+```
+
+### Manual Deployment
+
+```bash
+npm install
+npm run build
+# Deploy contents of dist/ folder
+```

client/netlify.toml

@@ -0,0 +1,18 @@
+[build]
+  base = "client/"
+  publish = "dist/"
+  command = "npm ci && npm run build"
+
+[build.environment]
+  NODE_VERSION = "18"
+  NPM_FLAGS = "--legacy-peer-deps"
+
+[[redirects]]
+  from = "/*"
+  to = "/index.html"
+  status = 200
+
+[[headers]]
+  for = "/assets/*"
+  [headers.values]
+    Cache-Control = "public, max-age=31536000, immutable"

client/package.json

@@ -3,6 +3,10 @@
   "private": true,
   "version": "0.0.0",
   "type": "module",
+  "engines": {
+    "node": ">=18.0.0",
+    "npm": ">=9.0.0"
+  },
   "scripts": {
     "dev": "vite",
     "build": "vite build",
@@ -95,14 +99,25 @@
     "typescript-eslint": "^8.30.1",
     "vite": "^5.4.10"
   },
+  "optionalDependencies": {
+    "@rollup/rollup-linux-x64-gnu": "^4.21.3",
+    "@rollup/rollup-win32-x64-msvc": "^4.21.3",
+    "@rollup/rollup-darwin-x64": "^4.21.3"
+  },
   "resolutions": {
     "rollup": "^4.21.3",
     "vite": "^5.4.10",
-    "lightningcss": false
+    "lightningcss": false,
+    "@rollup/rollup-linux-x64-gnu": "^4.21.3",
+    "@rollup/rollup-win32-x64-msvc": "^4.21.3",
+    "@rollup/rollup-darwin-x64": "^4.21.3"
   },
   "overrides": {
     "rollup": "^4.21.3",
     "vite": "^5.4.10",
-    "lightningcss": false
+    "lightningcss": false,
+    "@rollup/rollup-linux-x64-gnu": "^4.21.3",
+    "@rollup/rollup-win32-x64-msvc": "^4.21.3",
+    "@rollup/rollup-darwin-x64": "^4.21.3"
   }
 }

client/vercel.json

@@ -1,12 +1,20 @@
 {
   "version": 2,
   "framework": "vite",
-  "buildCommand": "npm run build",
+  "buildCommand": "npm ci && npm run build",
   "outputDirectory": "dist",
-  "installCommand": "npm install",
+  "installCommand": "npm ci",
   "devCommand": "npm run dev",
   "cleanUrls": true,
   "trailingSlash": false,
+  "functions": {
+    "src/pages/api/**/*.js": {
+      "runtime": "nodejs18.x"
+    }
+  },
+  "env": {
+    "NODE_VERSION": "18"
+  },
   "rewrites": [
     {
       "source": "/(.*)",

client/vite.config.ts

@@ -18,4 +18,21 @@ export default defineConfig({
       },
     },
   },
+  build: {
+    rollupOptions: {
+      output: {
+        manualChunks: {
+          vendor: ["react", "react-dom"],
+          ui: [
+            "@radix-ui/react-alert-dialog",
+            "@radix-ui/react-dialog",
+            "@radix-ui/react-dropdown-menu",
+          ],
+          utils: ["axios", "date-fns", "clsx"],
+        },
+      },
+    },
+    target: "esnext",
+    minify: "esbuild",
+  },
 });