build: add next transpile modules to solve monorepo issues

apps/nextjs/next.config.mjs

@@ -1,3 +1,4 @@
+import nextTranspileModules from 'next-transpile-modules';
 import { join } from 'path';
 import { fileURLToPath } from 'url';
 
@@ -20,4 +21,10 @@ const nextConfig = {
   },
 };
 
-export default nextConfig;
+const withTm = nextTranspileModules([
+  '@libs/frontend',
+  '@libs/shared',
+  '@libs/backend',
+]);
+
+export default withTm(nextConfig);

apps/nextjs/package.json

@@ -41,6 +41,7 @@
     "eslint-config-next": "12.3.0",
     "jsdom": "20.0.0",
     "next-connect": "0.13.0",
+    "next-transpile-modules": "^10.0.1",
     "postcss": "8.4.38",
     "react-test-renderer": "18.2.0",
     "sass": "1.54.9",

libs/backend/package.json

@@ -11,15 +11,14 @@
   "license": "ISC",
   "dependencies": {
     "@libs/shared": "workspace:*",
+    "lodash.omit": "4.5.0",
+    "mongodb": "4.9.1",
     "next": "14.2.3",
     "sharp": "0.33.3"
   },
-  "peerDependencies": {
-    "lodash.omit": "4.5.0",
-    "mongodb": "4.9.1"
-  },
   "devDependencies": {
     "@eslint/js": "^9.2.0",
+    "@types/lodash.omit": "4.5.9",
     "eslint": "8.57.0",
     "globals": "^15.2.0",
     "typescript-eslint": "^7.9.0",

package.json

@@ -7,6 +7,7 @@
   "license": "MIT",
   "private": true,
   "scripts": {
+    "build": "pnpm -r --filter='./apps/*' run build",
     "dev": "pnpm -r --filter='./apps/*' run dev",
     "lint": "pnpm -r --filter='./apps/*' --filter=''./libs/* run lint",
     "test": "vitest",
@@ -20,5 +21,10 @@
     "@types/node": "18.7.16",
     "typescript": "5.4.5",
     "vitest": "1.6.0"
-  }
+  },
+  "workspaces": [
+    "apps/*",
+    "libs/*"
+  ],
+  "packageManager": "[email protected]"
 }