Add performance polyfill for webpack dev mode

Author: andreiborza

packages/nextjs/rollup.npm.config.mjs

@@ -88,5 +88,20 @@ export default [
       },
     }),
   ),
+  ...makeNPMConfigVariants(
+    makeBaseNPMConfig({
+      entrypoints: ['src/config/polyfills/perf_hooks.js'],
+
+      packageSpecificConfig: {
+        output: {
+          // Preserve the original file structure (i.e., so that everything is still relative to `src`)
+          entryFileNames: 'config/polyfills/[name].js',
+
+          // make it so Rollup calms down about the fact that we're combining default and named exports
+          exports: 'named',
+        },
+      },
+    }),
+  ),
   ...makeOtelLoaders('./build', 'sentry-node'),
 ];

packages/nextjs/src/config/polyfills/perf_hooks.js

@@ -0,0 +1,25 @@
+// Polyfill for Node.js perf_hooks module in edge runtime
+// This mirrors the polyfill from packages/vercel-edge/rollup.npm.config.mjs
+
+// Ensure performance global is available
+if (typeof globalThis !== 'undefined' && globalThis.performance === undefined) {
+  globalThis.performance = {
+    timeOrigin: 0,
+    now: function () {
+      return Date.now();
+    },
+  };
+}
+
+// Export the performance object for perf_hooks compatibility
+export const performance = globalThis.performance || {
+  timeOrigin: 0,
+  now: function () {
+    return Date.now();
+  },
+};
+
+// Default export for CommonJS compatibility
+export default {
+  performance,
+};

packages/nextjs/src/config/webpack.ts

@@ -103,6 +103,11 @@ export function constructWebpackConfigFunction(
 
     addOtelWarningIgnoreRule(newConfig);
 
+    // Add edge runtime polyfills when building for edge in dev mode
+    if (runtime === 'edge' && isDev) {
+      addEdgeRuntimePolyfills(newConfig, buildContext);
+    }
+
     let pagesDirPath: string | undefined;
     const maybePagesDirPath = path.join(projectDir, 'pages');
     const maybeSrcPagesDirPath = path.join(projectDir, 'src', 'pages');
@@ -865,6 +870,27 @@ function addOtelWarningIgnoreRule(newConfig: WebpackConfigObjectWithModuleRules)
   }
 }
 
+function addEdgeRuntimePolyfills(newConfig: WebpackConfigObjectWithModuleRules, buildContext: BuildContext): void {
+  const { webpack } = buildContext;
+
+  // Use ProvidePlugin to inject performance global only when accessed
+  newConfig.plugins = newConfig.plugins || [];
+  newConfig.plugins.push(
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
+    new (webpack as any).ProvidePlugin({
+      performance: [path.resolve(__dirname, 'polyfills', 'perf_hooks.js'), 'performance'],
+    }),
+  );
+
+  // Add module resolution aliases for problematic Node.js modules in edge runtime
+  newConfig.resolve = newConfig.resolve || {};
+  newConfig.resolve.alias = {
+    ...newConfig.resolve.alias,
+    // Redirect perf_hooks imports to a polyfilled version
+    perf_hooks: path.resolve(__dirname, 'polyfills', 'perf_hooks.js'),
+  };
+}
+
 function _getModules(projectDir: string): Record<string, string> {
   try {
     const packageJson = path.join(projectDir, 'package.json');