chore(explorer): seperate dev build artifacts per target config

.gitignore

@@ -47,6 +47,7 @@ deploy.log
 
 # Next.js
 .next
+.next-*
 
 # builds
 dist

apps/explorer/next.config.js

@@ -1,4 +1,6 @@
-const { composePlugins, withNx } = require('@nx/next');
+const { composePlugins, withNx } = require('@nx/next')
+
+const runningTargetConfiguration = process.env.NX_TASK_TARGET_CONFIGURATION
 
 /**
  * @type {import('@nx/next/plugins/with-nx').WithNxOptions}
@@ -12,10 +14,14 @@ const nextConfig = {
     svgr: false,
   },
   output: 'standalone',
+  // Since explorer is built for multiple networks, we need to use the target
+  // name to ensure the next build directory is unique to avoid conflicts when
+  // switching between networks during development.
+  distDir: runningTargetConfiguration.includes('development')
+    ? `.next-${runningTargetConfiguration}`
+    : '.next',
 }
 
-const plugins = [
-  withNx,
-];
+const plugins = [withNx]
 
-module.exports = composePlugins(...plugins)(nextConfig);
+module.exports = composePlugins(...plugins)(nextConfig)

apps/explorer/tsconfig.json

@@ -11,10 +11,7 @@
     "resolveJsonModule": true,
     "isolatedModules": true,
     "incremental": true,
-    "types": [
-      "jest",
-      "node"
-    ],
+    "types": ["jest", "node"],
     "plugins": [
       {
         "name": "next"
@@ -29,10 +26,8 @@
     "**/*.jsx",
     "next-env.d.ts",
     ".next/types/**/*.ts",
-    "../../dist/apps/explorer/.next/types/**/*.ts"
+    ".next-development/types/**/*.ts",
+    ".next-development-testnet-zen/types/**/*.ts"
   ],
-  "exclude": [
-    "node_modules",
-    "jest.config.ts"
-  ]
+  "exclude": ["node_modules", "jest.config.ts"]
 }