@nx/next 23.2.0-beta.1 → 23.2.0-beta.11

package/README.md

@@ -7,9 +7,9 @@
 
 <div style="text-align: center;">
 
-[![License](https://img.shields.io/npm/l/@nx/workspace.svg?style=flat-square)]()
+[![License](https://img.shields.io/npm/l/@nx/workspace.svg?style=flat-square)](<>)
 [![NPM Version](https://badge.fury.io/js/nx.svg)](https://www.npmjs.com/package/nx)
-[![Semantic Release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)]()
+[![Semantic Release](https://img.shields.io/badge/%20%20%F0%9F%93%A6%F0%9F%9A%80-semantic--release-e10079.svg?style=flat-square)](<>)
 [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)
 [![Join us on the Official Nx Discord Server](https://img.shields.io/discord/1143497901675401286?label=discord)](https://go.nx.dev/community)
 [![Nx Sandboxing](https://staging.nx.app/workspaces/62d013ea0852fe0a2df74438/sandbox-badge.svg)](https://nx.dev/docs/features/ci-features/sandboxing)

package/dist/plugins/component-testing.js

@@ -7,16 +7,17 @@ const devkit_1 = require("@nx/devkit");
 const internal_2 = require("@nx/js/internal");
 const react_1 = require("@nx/react");
 const internal_3 = require("@nx/react/internal");
-const webpack_1 = require("@nx/webpack");
-const internal_4 = require("@nx/webpack/internal");
-const configuration_1 = require("nx/src/config/configuration");
 const path_1 = require("path");
+const internal_4 = require("@nx/devkit/internal");
 function nxComponentTestingPreset(pathToConfig, options) {
     if (global.NX_GRAPH_CREATION) {
         // this is only used by plugins, so we don't need the component testing
         // options, cast to any to avoid type errors
         return (0, cypress_preset_1.nxBaseCypressPreset)(pathToConfig);
     }
+    (0, internal_3.assertPackageIsInstalled)('@nx/webpack', '@nx/next/plugins/component-testing');
+    const { composePluginsSync, withNx, } = require('@nx/webpack');
+    const { suppressWebpackComposeHelperWarnings, } = require('@nx/webpack/internal');
     const graph = (0, devkit_1.readCachedProjectGraph)();
     const { targets: ctTargets, name: ctProjectName } = (0, internal_1.getProjectConfigByPath)(graph, pathToConfig);
     const ctTargetName = options?.ctTargetName || 'component-test';
@@ -39,7 +40,7 @@ function nxComponentTestingPreset(pathToConfig, options) {
             cwd: process.cwd(),
             root: devkit_1.workspaceRoot,
             projectsConfigurations: (0, devkit_1.readProjectsConfigurationFromProjectGraph)(graph),
-            nxJsonConfiguration: (0, configuration_1.readNxJson)(devkit_1.workspaceRoot),
+            nxJsonConfiguration: (0, internal_4.readNxJsonFromDisk)(devkit_1.workspaceRoot),
             isVerbose: false,
             projectName: ctProjectName,
             projectGraph: graph,
@@ -83,8 +84,8 @@ Able to find CT project, ${!!ctProjectConfig}.`);
     };
     // Nx composes these helpers internally for the Cypress CT preset; suppress
     // their deprecation warning so it fires only for user-authored configs.
-    const webpackConfig = (0, internal_4.suppressWebpackComposeHelperWarnings)(() => (0, internal_3.suppressReactComposeHelperWarnings)(() => {
-        const configure = (0, webpack_1.composePluginsSync)((0, webpack_1.withNx)({
+    const webpackConfig = suppressWebpackComposeHelperWarnings(() => (0, internal_3.suppressReactComposeHelperWarnings)(() => {
+        const configure = composePluginsSync(withNx({
             target: 'web',
             styles: [],
             scripts: [],

package/dist/plugins/with-nx.js

@@ -103,7 +103,7 @@ function withNx(_nextConfig = {}, context = getWithNxContext()) {
                 if (!graph.dependencies[project])
                     return;
                 const { readTsConfigPaths } = require('@nx/js');
-                const { findAllProjectNodeDependencies, } = require('nx/src/utils/project-graph-utils');
+                const { findAllProjectNodeDependencies, } = require('@nx/devkit/internal');
                 const paths = readTsConfigPaths();
                 const deps = findAllProjectNodeDependencies(project);
                 nextConfig.transpilePackages ??= [];

package/dist/src/executors/build/build.impl.js

@@ -66,19 +66,15 @@ async function buildExecutor(options, context) {
         start: 'next start',
     };
     (0, update_package_json_1.updatePackageJson)(builtPackageJson, context);
-    (0, devkit_1.writeJsonFile)(`${options.outputPath}/package.json`, builtPackageJson);
+    const packageManager = (0, devkit_1.detectPackageManager)(context.root);
     if (options.generateLockfile) {
-        const packageManager = (0, devkit_1.detectPackageManager)(context.root);
-        if (packageManager === 'bun') {
-            devkit_1.logger.warn('Bun lockfile generation is not supported. The generated package.json will not include a lockfile. Run "bun install" in the output directory after deployment if needed.');
-        }
-        else {
-            const lockFile = (0, js_1.createLockFile)(builtPackageJson, context.projectGraph, packageManager);
-            (0, node_fs_1.writeFileSync)(`${options.outputPath}/${(0, js_1.getLockFileName)(packageManager)}`, lockFile, {
-                encoding: 'utf-8',
-            });
-        }
+        (0, js_1.generatePrunedDeployOutput)(builtPackageJson, context.projectGraph, projectRoot, {
+            outputDirectory: options.outputPath,
+            packageManager,
+            workspaceRoot: context.root,
+        });
     }
+    (0, devkit_1.writeJsonFile)(`${options.outputPath}/package.json`, builtPackageJson);
     // If output path is different from source path, then copy over the config and public files.
     // This is the default behavior when running `nx build <app>`.
     if (options.outputPath.replace(/\/$/, '') !== projectRoot) {

package/dist/src/executors/build/lib/update-package-json.d.ts

@@ -1,3 +1,3 @@
 import type { ExecutorContext } from '@nx/devkit';
-import type { PackageJson } from 'nx/src/utils/package-json';
+import { type PackageJson } from '@nx/devkit/internal';
 export declare function updatePackageJson(packageJson: PackageJson, context: ExecutorContext): void;

package/dist/src/generators/application/application.js

@@ -7,10 +7,10 @@ const devkit_1 = require("@nx/devkit");
 const assert_supported_next_version_1 = require("../../utils/assert-supported-next-version");
 const js_1 = require("@nx/js");
 const internal_2 = require("@nx/react/internal");
-const internal_3 = require("@nx/react/internal");
 const normalize_options_1 = require("./lib/normalize-options");
 const add_e2e_1 = require("./lib/add-e2e");
 const add_jest_1 = require("./lib/add-jest");
+const add_vitest_1 = require("./lib/add-vitest");
 const add_project_1 = require("./lib/add-project");
 const create_application_files_1 = require("./lib/create-application-files");
 const set_defaults_1 = require("./lib/set-defaults");
@@ -20,7 +20,7 @@ const add_linting_1 = require("./lib/add-linting");
 const custom_server_1 = require("../custom-server/custom-server");
 const update_cypress_tsconfig_1 = require("./lib/update-cypress-tsconfig");
 const versions_1 = require("../../utils/versions");
-const internal_4 = require("@nx/js/internal");
+const internal_3 = require("@nx/js/internal");
 const add_swc_to_custom_server_1 = require("../../utils/add-swc-to-custom-server");
 const jest_config_util_1 = require("../../utils/jest-config-util");
 async function applicationGenerator(host, schema) {
@@ -33,7 +33,7 @@ async function applicationGenerator(host, schema) {
 async function applicationGeneratorInternal(host, schema) {
     (0, assert_supported_next_version_1.assertSupportedNextVersion)(host);
     const tasks = [];
-    const addTsPlugin = (0, internal_4.shouldConfigureTsSolutionSetup)(host, schema.addPlugin, schema.useTsSolution);
+    const addTsPlugin = (0, internal_3.shouldConfigureTsSolutionSetup)(host, schema.addPlugin, schema.useTsSolution);
     const jsInitTask = await (0, js_1.initGenerator)(host, {
         js: schema.js,
         skipPackageJson: schema.skipPackageJson,
@@ -54,7 +54,7 @@ async function applicationGeneratorInternal(host, schema) {
     // If we are using the new TS solution
     // We need to update the workspace file (package.json or pnpm-workspaces.yaml) to include the new project
     if (options.isTsSolutionSetup) {
-        await (0, internal_4.addProjectToTsSolutionWorkspace)(host, options.appProjectRoot);
+        await (0, internal_3.addProjectToTsSolutionWorkspace)(host, options.appProjectRoot);
     }
     const lintTask = await (0, add_linting_1.addLinting)(host, options);
     tasks.push(lintTask);
@@ -62,6 +62,8 @@ async function applicationGeneratorInternal(host, schema) {
     tasks.push(e2eTask);
     const jestTask = await (0, add_jest_1.addJest)(host, options);
     tasks.push(jestTask);
+    const vitestTask = await (0, add_vitest_1.addVitest)(host, options);
+    tasks.push(vitestTask);
     const styledTask = (0, styles_1.addStyleDependencies)(host, {
         style: options.style,
         swc: !host.exists((0, devkit_1.joinPathFragments)(options.appProjectRoot, '.babelrc')),
@@ -81,7 +83,7 @@ async function applicationGeneratorInternal(host, schema) {
         });
     }
     if (!options.skipPackageJson) {
-        const reactVersions = await (0, internal_3.getReactDependenciesVersionsToInstall)(host);
+        const reactVersions = await (0, internal_2.getReactDependenciesVersionsToInstall)(host);
         const devDependencies = {
             '@types/react': reactVersions['@types/react'],
             '@types/react-dom': reactVersions['@types/react-dom'],
@@ -92,14 +94,14 @@ async function applicationGeneratorInternal(host, schema) {
         }
         tasks.push((0, devkit_1.addDependenciesToPackageJson)(host, { tslib: versions_1.tsLibVersion }, devDependencies, undefined, true));
     }
-    (0, internal_4.updateTsconfigFiles)(host, options.appProjectRoot, 'tsconfig.json', {
+    (0, internal_3.updateTsconfigFiles)(host, options.appProjectRoot, 'tsconfig.json', {
         jsx: 'preserve',
         module: 'esnext',
         moduleResolution: 'bundler',
     }, options.linter === 'eslint'
         ? ['.next', 'eslint.config.js', 'eslint.config.cjs', 'eslint.config.mjs']
         : ['.next'], options.src ? 'src' : '.');
-    (0, internal_4.sortPackageJsonFields)(host, options.appProjectRoot);
+    (0, internal_3.sortPackageJsonFields)(host, options.appProjectRoot);
     if (!options.skipFormat) {
         await (0, devkit_1.formatFiles)(host);
     }

package/dist/src/generators/application/files/app/api/hello/route.ts__tmpl__

@@ -1,4 +1,4 @@
-export async function GET(request: Request) {
+export async function GET(_request: Request) {
     return new Response('Hello, from API!')
   }
   

package/dist/src/generators/application/files/app/page.tsx__tmpl__

@@ -1,3 +1,5 @@
+/* oxlint-disable jsx-a11y/prefer-tag-over-role -- the icons below
+   are inline SVGs, which have no tag to swap the role for. */
 <%_ if (style !== 'none') { var wrapper = 'div'; _%>
 import styles from './page.module.<%= style %>';
 <% } else { var wrapper = 'div'; } %>

package/dist/src/generators/application/files/pages/__fileName__.tsx__tmpl__

@@ -1,3 +1,5 @@
+/* oxlint-disable jsx-a11y/prefer-tag-over-role -- the icons below
+   are inline SVGs, which have no tag to swap the role for. */
 <%_ if (style !== 'none') { var wrapper = 'div'; _%>
 import styles from './<%= fileName %>.module.<%= style %>';
 <% } else { var wrapper = 'div'; } %>

package/dist/src/generators/application/lib/add-e2e.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addE2e = addE2e;
 const internal_1 = require("@nx/devkit/internal");
+const internal_2 = require("@nx/eslint/internal");
 const devkit_1 = require("@nx/devkit");
 const web_1 = require("@nx/web");
 const versions_1 = require("../../../utils/versions");
@@ -46,13 +47,13 @@ async function addE2e(host, options) {
         }
         const e2eTask = await configurationGenerator(host, {
             ...options,
-            linter: 'eslint',
             project: options.e2eProjectName,
             directory: 'src',
             skipFormat: true,
             devServerTarget: e2eWebServerInfo.e2eDevServerTarget,
             baseUrl: e2eWebServerInfo.e2eWebServerAddress,
             jsx: true,
+            enableTypedLinting: (0, internal_2.isTypedLintingEnabled)(options),
             webServerCommands: {
                 default: e2eWebServerInfo.e2eWebServerCommand,
             },
@@ -94,7 +95,7 @@ async function addE2e(host, options) {
             directory: 'src',
             js: false,
             linter: options.linter,
-            setParserOptionsProject: options.setParserOptionsProject,
+            enableTypedLinting: (0, internal_2.isTypedLintingEnabled)(options),
             webServerAddress: e2eWebServerInfo.e2eCiBaseUrl,
             webServerCommand: e2eWebServerInfo.e2eWebServerCommand,
             addPlugin: options.addPlugin,

package/dist/src/generators/application/lib/add-jest.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addJest = addJest;
 const devkit_1 = require("@nx/devkit");
+const internal_1 = require("@nx/eslint/internal");
 const versions_1 = require("../../../utils/versions");
 async function addJest(host, options) {
     if (options.unitTestRunner !== 'jest') {
@@ -14,7 +15,9 @@ async function addJest(host, options) {
         supportTsx: true,
         skipSerializers: true,
         setupFile: 'none',
-        compiler: 'babel',
+        // The generated config is replaced by updateJestConfig, so this only decides
+        // which transformer package gets installed; 'tsc' installs none.
+        compiler: 'tsc',
         skipFormat: true,
         runtimeTsconfigFileName: 'tsconfig.json',
     });
@@ -27,8 +30,8 @@ async function addJest(host, options) {
     });
     (0, devkit_1.updateJson)(host, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.spec.json'), (json) => {
         json.compilerOptions.jsx = 'react';
-        // have to override exclude otherwise lint will fail with setParserOptionsProject and jest.config.ts/jest.config.cts
-        if (options.setParserOptionsProject) {
+        // Override exclude so typed linting doesn't fail on jest.config.ts and jest.config.cts.
+        if ((0, internal_1.isTypedLintingEnabled)(options)) {
             const tsConfig = (0, devkit_1.readJson)(host, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.json'));
             json.exclude = tsConfig.exclude.filter((e) => e !== 'jest.config.ts' && e !== 'jest.config.cts');
         }

package/dist/src/generators/application/lib/add-linting.js

@@ -1,27 +1,28 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addLinting = addLinting;
-const eslint_1 = require("@nx/eslint");
 const devkit_1 = require("@nx/devkit");
 const react_1 = require("@nx/react");
 const internal_1 = require("@nx/eslint/internal");
 const version_utils_1 = require("../../../utils/version-utils");
+const internal_2 = require("@nx/js/internal");
 async function addLinting(host, options) {
-    if (options.linter !== 'eslint')
-        return () => { };
     const tasks = [];
-    tasks.push(await (0, eslint_1.lintProjectGenerator)(host, {
+    tasks.push(await (0, internal_2.addLintingToProject)(host, {
+        oxlintPlugins: ['nextjs', 'react', 'react-perf', 'jsx-a11y'],
         linter: options.linter,
         project: options.projectName,
         tsConfigPaths: [
             (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.app.json'),
         ],
         unitTestRunner: options.unitTestRunner,
-        skipFormat: true,
         rootProject: options.rootProject,
-        setParserOptionsProject: options.setParserOptionsProject,
+        enableTypedLinting: (0, internal_1.isTypedLintingEnabled)(options),
         addPlugin: options.addPlugin,
+        skipPackageJson: options.skipPackageJson,
     }));
+    // Everything below configures ESLint — predefined configs, `extends`, ignore
+    // entries — which have no equivalent in other linters.
     if (options.linter === 'eslint' && (0, internal_1.isEslintConfigSupported)(host)) {
         if ((0, internal_1.useFlatConfig)(host)) {
             (0, internal_1.addPredefinedConfigToFlatLintConfig)(host, options.appProjectRoot, 'flat/react-typescript', { checkBaseConfig: true });
@@ -67,7 +68,7 @@ async function addLinting(host, options) {
             ...(options.isTsSolutionSetup ? ['**/out-tsc'] : []),
         ]);
     }
-    if (!options.skipPackageJson) {
+    if (options.linter === 'eslint' && !options.skipPackageJson) {
         const eslintConfigNextVersion = await (0, version_utils_1.getEslintConfigNextDependenciesVersionsToInstall)(host);
         tasks.push((0, devkit_1.addDependenciesToPackageJson)(host, react_1.extraEslintDependencies.dependencies, {
             ...react_1.extraEslintDependencies.devDependencies,

package/dist/src/generators/application/lib/add-vitest.d.ts

@@ -0,0 +1,3 @@
+import { GeneratorCallback, Tree } from '@nx/devkit';
+import { NormalizedSchema } from './normalize-options';
+export declare function addVitest(host: Tree, options: NormalizedSchema): Promise<GeneratorCallback>;

package/dist/src/generators/application/lib/add-vitest.js

@@ -0,0 +1,116 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.addVitest = addVitest;
+const devkit_1 = require("@nx/devkit");
+const js_1 = require("@nx/js");
+const internal_1 = require("@nx/js/internal");
+const versions_1 = require("../../../utils/versions");
+async function addVitest(host, options) {
+    if (options.unitTestRunner !== 'vitest') {
+        return () => { };
+    }
+    (0, devkit_1.ensurePackage)('@nx/vitest', versions_1.nxVersion);
+    // CommonJS `require` instead of dynamic ESM `import`: `ensurePackage` exposes
+    // the temp install via `Module._initPaths`, which ESM ignores.
+    const { configurationGenerator, } = require('@nx/vitest/generators');
+    const { createOrEditViteConfig, } = require('@nx/vitest/internal');
+    const vitestTask = await configurationGenerator(host, {
+        project: options.projectName,
+        uiFramework: 'react',
+        coverageProvider: 'v8',
+        testEnvironment: 'jsdom',
+        runtimeTsconfigFileName: 'tsconfig.json',
+        // Next.js builds with its own toolchain, so the project has no vite config
+        // to extend. Write a standalone vitest config below instead.
+        skipViteConfig: true,
+        addPlugin: options.addPlugin,
+        skipPackageJson: options.skipPackageJson,
+        skipFormat: true,
+    });
+    // Vitest cannot resolve the `@/*` alias (or workspace-root aliases in
+    // non-TS-solution setups) that Next resolves itself at build time, so mirror
+    // the tsconfig `paths` as explicit aliases.
+    const tsConfigJson = (0, devkit_1.readJson)(host, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.json'));
+    const resolveAlias = {};
+    const collectAliases = (paths, prefix) => {
+        for (const [key, targets] of Object.entries(paths ?? {})) {
+            if (!targets?.[0]) {
+                continue;
+            }
+            if (key.endsWith('/*') && targets[0].endsWith('/*')) {
+                resolveAlias[key.slice(0, -2)] = prefix + targets[0].slice(0, -2);
+            }
+            else if (!key.includes('*')) {
+                resolveAlias[key] = prefix + targets[0];
+            }
+        }
+    };
+    collectAliases(tsConfigJson?.compilerOptions?.paths, '');
+    if (!(0, internal_1.isUsingTsSolutionSetup)(host)) {
+        const rootTsConfigPath = (0, js_1.getRootTsConfigPathInTree)(host);
+        if (rootTsConfigPath && host.exists(rootTsConfigPath)) {
+            const rootTsConfig = (0, devkit_1.readJson)(host, rootTsConfigPath);
+            // Path mappings resolve relative to `baseUrl` when the root tsconfig
+            // sets one.
+            const baseUrl = rootTsConfig?.compilerOptions?.baseUrl ?? '.';
+            collectAliases(rootTsConfig?.compilerOptions?.paths, (0, devkit_1.joinPathFragments)((0, devkit_1.offsetFromRoot)(options.appProjectRoot), baseUrl) + '/');
+        }
+    }
+    createOrEditViteConfig(host, {
+        project: options.projectName,
+        includeLib: false,
+        includeVitest: true,
+        testEnvironment: 'jsdom',
+        // The generated spec lives in `specs/`; colocated specs may sit under
+        // `src/`, or under root `app/`/`pages/` when `--no-src` is used.
+        testInclude: [
+            '{src,app,pages,specs}/**/*.{test,spec}.{js,mjs,cjs,ts,mts,cts,jsx,tsx}',
+        ],
+        imports: [`import react from '@vitejs/plugin-react'`],
+        plugins: ['react()'],
+        resolveAlias,
+        useEsmExtension: true,
+    }, true, {
+        vitestFileName: true,
+        skipPackageJson: options.skipPackageJson,
+        skipNxPlugins: true,
+    });
+    // The generated specs live in `specs/`, which only tsconfig.json covers, so
+    // it needs the test types (vitest globals, node) from tsconfig.spec.json.
+    const tsConfigSpecJson = (0, devkit_1.readJson)(host, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.spec.json'));
+    (0, devkit_1.updateJson)(host, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.json'), (json) => {
+        json.compilerOptions ??= {};
+        json.compilerOptions.types ??= [];
+        json.compilerOptions.types.push(...(tsConfigSpecJson?.compilerOptions?.types ?? []));
+        return json;
+    });
+    // tsconfig.spec.json extends tsconfig.base.json in TS solution setups, so
+    // specs would not see the app's `@/*` alias without copying it over. Its
+    // include also only covers `src/`, so add the `specs/` layout.
+    (0, devkit_1.updateJson)(host, (0, devkit_1.joinPathFragments)(options.appProjectRoot, 'tsconfig.spec.json'), (json) => {
+        if (tsConfigJson?.compilerOptions?.paths) {
+            json.compilerOptions ??= {};
+            json.compilerOptions.paths = {
+                ...tsConfigJson.compilerOptions.paths,
+                ...json.compilerOptions.paths,
+            };
+        }
+        if (options.js) {
+            json.compilerOptions ??= {};
+            json.compilerOptions.allowJs = true;
+        }
+        json.include = [
+            ...(json.include ?? []),
+            'specs/**/*.test.ts',
+            'specs/**/*.spec.ts',
+            'specs/**/*.test.tsx',
+            'specs/**/*.spec.tsx',
+            'specs/**/*.test.js',
+            'specs/**/*.spec.js',
+            'specs/**/*.test.jsx',
+            'specs/**/*.spec.jsx',
+        ];
+        return json;
+    });
+    return vitestTask;
+}

package/dist/src/generators/application/lib/normalize-options.js

@@ -39,7 +39,7 @@ async function normalizeOptions(host, options) {
         e2eProjectRoot,
         e2eTestRunner: options.e2eTestRunner || 'playwright',
         fileName,
-        linter: options.linter || 'eslint',
+        linter: await (0, internal_2.normalizeLinterOption)(host, options.linter),
         outputPath,
         parsedTags,
         projectName: appProjectName,

package/dist/src/generators/application/schema.d.ts

@@ -1,4 +1,4 @@
-import type { Linter, LinterType } from '@nx/eslint';
+import type { LinterType } from '@nx/js';
 import type { SupportedStyles } from '@nx/react';
 
 export interface Schema {
@@ -7,10 +7,14 @@ export interface Schema {
   style?: SupportedStyles;
   skipFormat?: boolean;
   tags?: string;
-  unitTestRunner?: 'jest' | 'none';
+  unitTestRunner?: 'jest' | 'vitest' | 'none';
   e2eTestRunner?: 'cypress' | 'playwright' | 'none';
-  linter?: Linter | LinterType;
+  linter?: LinterType;
   js?: boolean;
+  enableTypedLinting?: boolean;
+  /**
+   * @deprecated Use `enableTypedLinting` instead. This option will be removed in Nx v24.
+   */
   setParserOptionsProject?: boolean;
   swc?: boolean;
   customServer?: boolean;
@@ -21,6 +25,6 @@ export interface Schema {
   rootProject?: boolean;
   addPlugin?: boolean;
   useTsSolution?: boolean;
-  formatter?: 'prettier' | 'none';
+  formatter?: 'prettier' | 'oxfmt' | 'none';
   useProjectJson?: boolean;
 }

package/dist/src/generators/application/schema.json

@@ -48,13 +48,16 @@
       }
     },
     "linter": {
-      "description": "The tool to use for running lint checks.",
+      "description": "The tool to use for running lint checks. Defaults to the linter the workspace already uses.",
       "type": "string",
-      "enum": ["eslint", "none"],
-      "default": "none",
-      "x-prompt": "Which linter would you like to use?",
+      "enum": ["eslint", "oxlint", "none"],
       "x-priority": "important"
     },
+    "formatter": {
+      "description": "The tool to use for code formatting.",
+      "type": "string",
+      "enum": ["none", "prettier", "oxfmt"]
+    },
     "skipFormat": {
       "description": "Skip formatting files.",
       "type": "boolean",
@@ -63,7 +66,7 @@
     },
     "unitTestRunner": {
       "type": "string",
-      "enum": ["jest", "none"],
+      "enum": ["vitest", "jest", "none"],
       "description": "Test runner to use for unit tests.",
       "default": "none",
       "x-prompt": "What unit test runner should be used?",
@@ -86,11 +89,17 @@
       "description": "Generate JavaScript files rather than TypeScript files.",
       "default": false
     },
-    "setParserOptionsProject": {
+    "enableTypedLinting": {
       "type": "boolean",
-      "description": "Whether or not to configure the ESLint `parserOptions.project` option. We do not do this by default for lint performance reasons.",
+      "description": "Whether to enable typed linting. For flat configs, this configures the recommended `parserOptions.projectService` and `tsconfigRootDir`. For legacy `.eslintrc` configs, this configures `parserOptions.project`. We do not enable this by default for lint performance reasons.",
       "default": false
     },
+    "setParserOptionsProject": {
+      "type": "boolean",
+      "description": "Deprecated alias for `enableTypedLinting`.",
+      "default": false,
+      "x-deprecated": "Use `enableTypedLinting` instead. This option will be removed in Nx v24."
+    },
     "swc": {
       "description": "Enable the Rust-based compiler SWC to compile JS/TS files.",
       "type": "boolean",

package/dist/src/generators/custom-server/custom-server.js

@@ -3,21 +3,20 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.customServerGenerator = customServerGenerator;
 const devkit_1 = require("@nx/devkit");
 const internal_1 = require("@nx/devkit/internal");
-const devkit_2 = require("@nx/devkit");
 const path_1 = require("path");
 const add_swc_to_custom_server_1 = require("../../utils/add-swc-to-custom-server");
 const internal_2 = require("@nx/js/internal");
 const assert_supported_next_version_1 = require("../../utils/assert-supported-next-version");
 async function customServerGenerator(host, options) {
     (0, assert_supported_next_version_1.assertSupportedNextVersion)(host);
-    const project = (0, devkit_2.readProjectConfiguration)(host, options.project);
+    const project = (0, devkit_1.readProjectConfiguration)(host, options.project);
     const swcServerName = '.server.swcrc';
-    const nxJson = (0, devkit_2.readNxJson)(host);
+    const nxJson = (0, devkit_1.readNxJson)(host);
     const hasPlugin = nxJson.plugins?.some((p) => typeof p === 'string'
         ? p === '@nx/next/plugin'
         : p.plugin === '@nx/next/plugin');
     if (project.targets?.build?.executor !== '@nx/next:build' && !hasPlugin) {
-        devkit_2.logger.error(`Project ${options.project} is not a Next.js project. Did you generate it with "nx g @nx/next:app"?`);
+        devkit_1.logger.error(`Project ${options.project} is not a Next.js project. Did you generate it with "nx g @nx/next:app"?`);
         return;
     }
     // In Nx 18 next artifacts are inside the project root .next/ & dist/ (for custom server)
@@ -28,22 +27,22 @@ async function customServerGenerator(host, options) {
         !project.targets?.build?.configurations?.development ||
         !project.targets?.build?.configurations?.production) &&
         !hasPlugin) {
-        devkit_2.logger.error(`Project ${options.project} has invalid config. Did you generate it with "nx g @nx/next:app"?`);
+        devkit_1.logger.error(`Project ${options.project} has invalid config. Did you generate it with "nx g @nx/next:app"?`);
         return;
     }
     if (project.targets?.['build-custom-server'] ||
         project.targets?.['serve-custom-server']) {
-        devkit_2.logger.warn(`Project ${options.project} has custom server targets already: build-custom-server, serve-custom-server. Remove these targets from project and try again.`);
+        devkit_1.logger.warn(`Project ${options.project} has custom server targets already: build-custom-server, serve-custom-server. Remove these targets from project and try again.`);
         return;
     }
     // In Nx 18 next artifacts are inside the project root .next/ & dist/ (for custom server)
     // So we need ensure the mapping is correct from dist to the project root
     const projectPathFromDist = hasPlugin
-        ? `../../${(0, devkit_2.offsetFromRoot)(project.root)}${project.root}`
-        : `${(0, devkit_2.offsetFromRoot)(`dist/${project.root}`)}${project.root}`;
-    const offset = (0, devkit_2.offsetFromRoot)(project.root);
+        ? `../../${(0, devkit_1.offsetFromRoot)(project.root)}${project.root}`
+        : `${(0, devkit_1.offsetFromRoot)(`dist/${project.root}`)}${project.root}`;
+    const offset = (0, devkit_1.offsetFromRoot)(project.root);
     const isTsSolution = (0, internal_2.isUsingTsSolutionSetup)(host);
-    (0, devkit_2.generateFiles)(host, (0, path_1.join)(__dirname, 'files'), project.root, {
+    (0, devkit_1.generateFiles)(host, (0, path_1.join)(__dirname, 'files'), project.root, {
         ...options,
         hasPlugin,
         projectPathFromDist,
@@ -98,23 +97,23 @@ async function customServerGenerator(host, options) {
             },
         },
     };
-    (0, devkit_2.updateProjectConfiguration)(host, options.project, project);
-    (0, devkit_2.updateJson)(host, 'nx.json', (json) => {
+    (0, devkit_1.updateProjectConfiguration)(host, options.project, project);
+    (0, devkit_1.updateJson)(host, 'nx.json', (json) => {
         if (!json.tasksRunnerOptions?.default?.options?.cacheableOperations?.includes('build-custom-server') &&
             json.tasksRunnerOptions?.default?.options?.cacheableOperations) {
             json.tasksRunnerOptions.default.options.cacheableOperations.push('build-custom-server');
         }
         return json;
     });
-    const updatedNxJson = (0, devkit_2.readNxJson)(host) ?? {};
+    const updatedNxJson = (0, devkit_1.readNxJson)(host) ?? {};
     (0, internal_1.upsertTargetDefault)(host, updatedNxJson, {
         target: 'build-custom-server',
         cache: true,
     });
-    (0, devkit_2.updateNxJson)(host, updatedNxJson);
+    (0, devkit_1.updateNxJson)(host, updatedNxJson);
     if (options.compiler === 'swc') {
         // Update app swc to exlude server files
-        (0, devkit_2.updateJson)(host, (0, path_1.join)(project.root, '.swcrc'), (json) => {
+        (0, devkit_1.updateJson)(host, (0, path_1.join)(project.root, '.swcrc'), (json) => {
             json.exclude = [...(json.exclude ?? []), 'server/**'];
             return json;
         });

package/dist/src/generators/library/lib/normalize-options.d.ts

@@ -1,6 +1,8 @@
 import { Tree } from '@nx/devkit';
 import { Schema } from '../schema';
+import type { LinterType } from '@nx/js';
 export interface NormalizedSchema extends Schema {
+    linter: LinterType;
     importPath: string;
     projectRoot: string;
     isUsingTsSolutionConfig: boolean;

package/dist/src/generators/library/lib/normalize-options.js

@@ -19,6 +19,9 @@ async function normalizeOptions(host, options) {
     const isUsingTsSolutionConfig = (0, internal_2.isUsingTsSolutionSetup)(host);
     return {
         ...options,
+        // Resolved after the spread: the framework's ESLint shaping is guarded on
+        // `=== 'eslint'`, and an unresolved `undefined` would skip all of it.
+        linter: await (0, internal_2.normalizeLinterOption)(host, options.linter),
         importPath,
         projectRoot,
         isUsingTsSolutionConfig,

package/dist/src/generators/library/library.js

@@ -43,10 +43,6 @@ async function libraryGeneratorInternal(host, rawOptions) {
     tasks.push(libTask);
     if (!options.skipPackageJson) {
         const devDependencies = {};
-        if (options.linter === 'eslint') {
-            devDependencies['eslint-config-next'] = versions_1.eslintConfigNextVersion;
-            devDependencies['@next/eslint-plugin-next'] = versions_1.eslintConfigNextVersion;
-        }
         if (options.unitTestRunner && options.unitTestRunner !== 'none') {
             devDependencies['@testing-library/react'] = internal_1.testingLibraryReactVersion;
             devDependencies['@testing-library/dom'] = internal_1.testingLibraryDomVersion;
@@ -71,6 +67,27 @@ export async function HelloServer() {
     if (!options.skipTsConfig && !isTsSolutionSetup) {
         (0, js_1.addTsConfigPath)(host, `${options.importPath}/server`, [serverEntryPath]);
     }
+    const isBuildable = (options.bundler && options.bundler !== 'none') ||
+        options.buildable ||
+        options.publishable;
+    if (isTsSolutionSetup && !isBuildable) {
+        // Non-buildable libs resolve `.` straight to source, so `./server` does the same.
+        const packageJsonPath = (0, devkit_1.joinPathFragments)(options.projectRoot, 'package.json');
+        if (host.exists(packageJsonPath)) {
+            (0, devkit_1.updateJson)(host, packageJsonPath, (json) => {
+                json.exports ??= {};
+                const serverSource = `./src/server.${options.js ? 'js' : 'ts'}`;
+                json.exports['./server'] = options.js
+                    ? serverSource
+                    : {
+                        types: serverSource,
+                        import: serverSource,
+                        default: serverSource,
+                    };
+                return json;
+            });
+        }
+    }
     // Configure Vite and package.json for server entry point when using Vite bundler
     if (options.bundler === 'vite') {
         // Update vite.config.mts to support multiple entry points

package/dist/src/generators/library/schema.d.ts

@@ -1,4 +1,4 @@
-import type { Linter, LinterType } from '@nx/eslint';
+import type { LinterType } from '@nx/js';
 import type { SupportedStyles } from '@nx/react';
 
 export interface Schema {
@@ -11,7 +11,7 @@ export interface Schema {
   routing?: boolean;
   appProject?: string;
   unitTestRunner: 'jest' | 'vitest' | 'none';
-  linter: Linter | LinterType;
+  linter?: LinterType;
   component?: boolean;
   publishable?: boolean;
   /** @deprecated Use bundler instead. */
@@ -21,6 +21,10 @@ export interface Schema {
   js?: boolean;
   globalCss?: boolean;
   strict?: boolean;
+  enableTypedLinting?: boolean;
+  /**
+   * @deprecated Use `enableTypedLinting` instead. This option will be removed in Nx v24.
+   */
   setParserOptionsProject?: boolean;
   skipPackageJson?: boolean;
   addPlugin?: boolean;

package/dist/src/generators/library/schema.json

@@ -1,9 +1,9 @@
 {
   "$schema": "https://json-schema.org/schema",
   "cli": "nx",
-  "$id": "NxReactLibrary",
-  "title": "Create a React Library for Nx",
-  "description": "Create a React Library for an Nx workspace.",
+  "$id": "NxNextLibrary",
+  "title": "Create a Next.js Library for Nx",
+  "description": "Create a Next.js library for an Nx workspace. Same output as `@nx/react:library`, plus a `server` entry point for React Server Components and the Next.js type declarations.",
   "type": "object",
   "properties": {
     "directory": {
@@ -56,11 +56,9 @@
       "x-priority": "important"
     },
     "linter": {
-      "description": "The tool to use for running lint checks.",
+      "description": "The tool to use for running lint checks. Defaults to the linter the workspace already uses.",
       "type": "string",
-      "enum": ["eslint", "none"],
-      "default": "none",
-      "x-prompt": "Which linter would you like to use?",
+      "enum": ["eslint", "oxlint", "none"],
       "x-priority": "important"
     },
     "unitTestRunner": {
@@ -129,11 +127,17 @@
       "description": "Whether to enable tsconfig strict mode or not.",
       "default": true
     },
-    "setParserOptionsProject": {
+    "enableTypedLinting": {
       "type": "boolean",
-      "description": "Whether or not to configure the ESLint `parserOptions.project` option. We do not do this by default for lint performance reasons.",
+      "description": "Whether to enable typed linting. For flat configs, this configures the recommended `parserOptions.projectService` and `tsconfigRootDir`. For legacy `.eslintrc` configs, this configures `parserOptions.project`. We do not enable this by default for lint performance reasons.",
       "default": false
     },
+    "setParserOptionsProject": {
+      "type": "boolean",
+      "description": "Deprecated alias for `enableTypedLinting`.",
+      "default": false,
+      "x-deprecated": "Use `enableTypedLinting` instead. This option will be removed in Nx v24."
+    },
     "skipPackageJson": {
       "type": "boolean",
       "default": false,

package/dist/src/migrations/update-22-2-0/ai-instructions-for-next-16.md

@@ -310,17 +310,13 @@ Turbopack is now the default bundler for development.
 // BEFORE (Next.js 15)
 const nextConfig = {
   experimental: {
-    turbopack: {
-      /* options */
-    },
+    turbopack: {/* options */},
   },
 };
 
 // AFTER (Next.js 16)
 const nextConfig = {
-  turbopack: {
-    /* options */
-  },
+  turbopack: {/* options */},
 };
 ```
 

package/dist/src/migrations/update-23-2-0/add-svgr-webpack-if-used.d.ts

@@ -0,0 +1,2 @@
+import { type Tree } from '@nx/devkit';
+export default function addSvgrWebpackIfUsed(tree: Tree): Promise<import("@nx/devkit").GeneratorCallback>;

package/dist/src/migrations/update-23-2-0/add-svgr-webpack-if-used.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = addSvgrWebpackIfUsed;
+const devkit_1 = require("@nx/devkit");
+const versions_1 = require("../../utils/versions");
+// The Nx 22 `add-svgr-to-next-config` migration inlined a `withSvgr` helper
+// that resolves `@svgr/webpack` into user next configs, but never added the
+// package to the workspace - it only resolved transitively through `@nx/next`.
+// Now that `@nx/next` no longer depends on it, backfill it where a next config
+// actually references it.
+const nextConfigFileNames = [
+    'next.config.js',
+    'next.config.cjs',
+    'next.config.mjs',
+    'next.config.ts',
+];
+async function addSvgrWebpackIfUsed(tree) {
+    let needsSvgr = false;
+    for (const [, project] of (0, devkit_1.getProjects)(tree)) {
+        for (const fileName of nextConfigFileNames) {
+            const path = (0, devkit_1.joinPathFragments)(project.root, fileName);
+            needsSvgr ||=
+                tree.exists(path) && tree.read(path, 'utf-8').includes('@svgr/webpack');
+        }
+        if (needsSvgr) {
+            break;
+        }
+    }
+    if (!needsSvgr) {
+        return;
+    }
+    return (0, devkit_1.addDependenciesToPackageJson)(tree, {}, { '@svgr/webpack': versions_1.svgrWebpackVersion }, undefined, true);
+}

package/dist/src/migrations/update-23-2-0/add-svgr-webpack-if-used.md

@@ -0,0 +1,28 @@
+#### Add `@svgr/webpack` If Used
+
+Adds `@svgr/webpack` to the workspace when a next config references it.
+
+`@svgr/webpack` is no longer a dependency of `@nx/next`, so workspaces whose next configs resolve it - which is what the Nx 22 `add-svgr-to-next-config` migration inlined - must declare it themselves. This migration backfills it for those workspaces. Workspaces that already have `@svgr/webpack` are left untouched.
+
+#### Examples
+
+##### Before
+
+```jsonc title="package.json"
+{
+  "devDependencies": {
+    "@nx/next": "23.1.0",
+  },
+}
+```
+
+##### After
+
+```jsonc title="package.json"
+{
+  "devDependencies": {
+    "@nx/next": "23.1.0",
+    "@svgr/webpack": "^8.0.1",
+  },
+}
+```

package/dist/src/plugins/plugin.js

@@ -6,8 +6,6 @@ const devkit_1 = require("@nx/devkit");
 const js_1 = require("@nx/js");
 const internal_2 = require("@nx/js/internal");
 const fs_1 = require("fs");
-const devkit_internals_1 = require("nx/src/devkit-internals");
-const cache_directory_1 = require("nx/src/utils/cache-directory");
 const path_1 = require("path");
 const nextConfigBlob = '**/next.config.{ts,js,cjs,mjs}';
 /**
@@ -20,8 +18,8 @@ exports.createDependencies = createDependencies;
 exports.createNodes = [
     nextConfigBlob,
     async (configFiles, options, context) => {
-        const optionsHash = (0, devkit_internals_1.hashObject)(options);
-        const cachePath = (0, path_1.join)(cache_directory_1.workspaceDataDirectory, `next-${optionsHash}.json`);
+        const optionsHash = (0, internal_1.hashObject)(options);
+        const cachePath = (0, path_1.join)(internal_1.workspaceDataDirectory, `next-${optionsHash}.json`);
         const targetsCache = new internal_1.PluginCache(cachePath);
         const isTsSolutionSetup = (0, internal_2.isUsingTsSolutionSetup)();
         const packageManager = (0, devkit_1.detectPackageManager)(context.workspaceRoot);

package/dist/src/utils/add-gitignore-entry.d.ts

@@ -1,2 +1,2 @@
-import { Tree } from 'nx/src/generators/tree';
+import { Tree } from '@nx/devkit';
 export declare function addGitIgnoreEntry(host: Tree): void;

package/dist/src/utils/create-copy-plugin.js

@@ -2,24 +2,24 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.createCopyPlugin = createCopyPlugin;
 const CopyWebpackPlugin = require('copy-webpack-plugin');
-const path_1 = require("nx/src/utils/path");
-const path_2 = require("path");
+const path_1 = require("path");
 const fs_1 = require("fs");
+const devkit_1 = require("@nx/devkit");
 function normalizeAssets(assets, root, sourceRoot) {
     return assets.map((asset) => {
         if (typeof asset === 'string') {
-            const assetPath = (0, path_1.normalizePath)(asset);
-            const resolvedAssetPath = (0, path_2.resolve)(root, assetPath);
-            const resolvedSourceRoot = (0, path_2.resolve)(root, sourceRoot);
+            const assetPath = (0, devkit_1.normalizePath)(asset);
+            const resolvedAssetPath = (0, path_1.resolve)(root, assetPath);
+            const resolvedSourceRoot = (0, path_1.resolve)(root, sourceRoot);
             if (!resolvedAssetPath.startsWith(resolvedSourceRoot)) {
                 throw new Error(`The ${resolvedAssetPath} asset path must start with the project source root: ${sourceRoot}`);
             }
             const isDirectory = (0, fs_1.statSync)(resolvedAssetPath).isDirectory();
             const input = isDirectory
                 ? resolvedAssetPath
-                : (0, path_2.dirname)(resolvedAssetPath);
-            const output = (0, path_2.relative)(resolvedSourceRoot, (0, path_2.resolve)(root, input));
-            const glob = isDirectory ? '**/*' : (0, path_2.basename)(resolvedAssetPath);
+                : (0, path_1.dirname)(resolvedAssetPath);
+            const output = (0, path_1.relative)(resolvedSourceRoot, (0, path_1.resolve)(root, input));
+            const glob = isDirectory ? '**/*' : (0, path_1.basename)(resolvedAssetPath);
             return {
                 input,
                 output,
@@ -30,8 +30,8 @@ function normalizeAssets(assets, root, sourceRoot) {
             if (asset.output.startsWith('..')) {
                 throw new Error('An asset cannot be written to a location outside of the output path.');
             }
-            const assetPath = (0, path_1.normalizePath)(asset.input);
-            const resolvedAssetPath = (0, path_2.resolve)(root, assetPath);
+            const assetPath = (0, devkit_1.normalizePath)(asset.input);
+            const resolvedAssetPath = (0, path_1.resolve)(root, assetPath);
             return {
                 ...asset,
                 input: resolvedAssetPath,
@@ -46,7 +46,7 @@ function createCopyPlugin(assets, root, sourceRoot) {
         patterns: normalizeAssets(assets, root, sourceRoot).map((asset) => {
             return {
                 context: asset.input,
-                to: (0, path_2.join)('../public', asset.output),
+                to: (0, path_1.join)('../public', asset.output),
                 from: asset.glob,
                 globOptions: {
                     ignore: [

package/dist/src/utils/versions.d.ts

@@ -10,3 +10,4 @@ export declare const eslintConfigNext14Version = "^15.5.18";
 export declare const eslintConfigNextVersion = "^16.1.6";
 export declare const sassVersion = "1.97.2";
 export declare const tsLibVersion = "^2.3.0";
+export declare const svgrWebpackVersion = "^8.0.1";

package/dist/src/utils/versions.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.tsLibVersion = exports.sassVersion = exports.eslintConfigNextVersion = exports.eslintConfigNext14Version = exports.eslintConfigNext15Version = exports.eslintConfigNext16Version = exports.nextVersion = exports.next14Version = exports.next15Version = exports.next16Version = exports.minSupportedNextVersion = exports.nxVersion = void 0;
+exports.svgrWebpackVersion = exports.tsLibVersion = exports.sassVersion = exports.eslintConfigNextVersion = exports.eslintConfigNext14Version = exports.eslintConfigNext15Version = exports.eslintConfigNext16Version = exports.nextVersion = exports.next14Version = exports.next15Version = exports.next16Version = exports.minSupportedNextVersion = exports.nxVersion = void 0;
 const path_1 = require("path");
 exports.nxVersion = require((0, path_1.join)('@nx/next', 'package.json')).version;
 exports.minSupportedNextVersion = '14.0.0';
@@ -15,3 +15,4 @@ exports.eslintConfigNext14Version = '^15.5.18';
 exports.eslintConfigNextVersion = exports.eslintConfigNext16Version;
 exports.sassVersion = '1.97.2';
 exports.tsLibVersion = '^2.3.0';
+exports.svgrWebpackVersion = '^8.0.1';

package/generators.json

@@ -31,7 +31,7 @@
       "schema": "./dist/src/generators/library/schema.json",
       "aliases": ["lib"],
       "x-type": "library",
-      "description": "Create a library."
+      "description": "Create a Next.js library."
     },
     "custom-server": {
       "factory": "./dist/src/generators/custom-server/custom-server#customServerGenerator",

package/migrations.json

@@ -29,6 +29,12 @@
       "description": "Create AI instructions to help migrate workspaces from Next.js 14 to 15.",
       "prompt": "./dist/src/migrations/update-23-1-0/ai-instructions-for-next-15.md",
       "documentation": "./dist/src/migrations/update-23-1-0/upgrade-to-next-15.md"
+    },
+    "update-23-2-0-add-svgr-webpack-if-used": {
+      "version": "23.2.0-beta.4",
+      "description": "Add `@svgr/webpack` when a next config references it.",
+      "implementation": "./dist/src/migrations/update-23-2-0/add-svgr-webpack-if-used",
+      "documentation": "./dist/src/migrations/update-23-2-0/add-svgr-webpack-if-used.md"
     }
   },
   "packageJsonUpdates": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nx/next",
-  "version": "23.2.0-beta.1",
+  "version": "23.2.0-beta.11",
   "private": false,
   "description": "The Next.js plugin for Nx contains executors and generators for managing Next.js applications and libraries within an Nx workspace. It provides:\n\n\n- Scaffolding for creating, building, serving, linting, and testing Next.js applications.\n\n- Integration with building, serving, and exporting a Next.js application.\n\n- Integration with React libraries within the workspace. \n\nWhen using Next.js in Nx, you get the out-of-the-box support for TypeScript, Playwright, Cypress, and Jest. No need to configure anything: watch mode, source maps, and typings just work.",
   "repository": {
@@ -67,28 +67,34 @@
     "supportsOptionalMigrations": true
   },
   "peerDependencies": {
-    "next": ">=14.0.0 <17.0.0"
+    "next": ">=14.0.0 <17.0.0",
+    "@nx/webpack": "23.2.0-beta.11"
+  },
+  "peerDependenciesMeta": {
+    "@nx/webpack": {
+      "optional": true
+    }
   },
   "dependencies": {
     "@babel/plugin-proposal-decorators": "^7.22.7",
-    "@svgr/webpack": "^8.0.1",
     "copy-webpack-plugin": "^14.0.0",
     "ignore": "^7.0.5",
     "semver": "^7.6.3",
     "tslib": "^2.3.0",
     "webpack-merge": "^5.8.0",
     "@phenomnomnominal/tsquery": "~6.2.0",
-    "@nx/devkit": "23.2.0-beta.1",
-    "@nx/js": "23.2.0-beta.1",
-    "@nx/eslint": "23.2.0-beta.1",
-    "@nx/react": "23.2.0-beta.1",
-    "@nx/web": "23.2.0-beta.1",
-    "@nx/webpack": "23.2.0-beta.1"
+    "@nx/devkit": "23.2.0-beta.11",
+    "@nx/js": "23.2.0-beta.11",
+    "@nx/eslint": "23.2.0-beta.11",
+    "@nx/react": "23.2.0-beta.11",
+    "@nx/web": "23.2.0-beta.11"
   },
   "devDependencies": {
-    "@nx/cypress": "23.2.0-beta.1",
-    "@nx/playwright": "23.2.0-beta.1",
-    "nx": "23.2.0-beta.1"
+    "@nx/cypress": "23.2.0-beta.11",
+    "@nx/playwright": "23.2.0-beta.11",
+    "@nx/vitest": "23.2.0-beta.11",
+    "@nx/webpack": "23.2.0-beta.11",
+    "nx": "23.2.0-beta.11"
   },
   "publishConfig": {
     "access": "public"