@nx/next 0.0.0-pr-22179-271588f

package/src/executors/build/schema.json

@@ -0,0 +1,76 @@
+{
+  "version": 2,
+  "outputCapture": "pipe",
+  "$schema": "https://json-schema.org/schema",
+  "cli": "nx",
+  "title": "Next Build",
+  "description": "Build a Next.js app.",
+  "type": "object",
+  "properties": {
+    "outputPath": {
+      "type": "string",
+      "description": "The output path of the generated files.",
+      "x-completion-type": "directory",
+      "x-priority": "important"
+    },
+    "fileReplacements": {
+      "description": "Replace files with other files in the build.",
+      "type": "array",
+      "items": {
+        "type": "object",
+        "properties": {
+          "replace": {
+            "type": "string",
+            "description": "The file to be replaced.",
+            "x-completion-type": "file"
+          },
+          "with": {
+            "type": "string",
+            "description": "The file to replace with.",
+            "x-completion-type": "file"
+          }
+        },
+        "additionalProperties": false,
+        "required": ["replace", "with"]
+      },
+      "default": []
+    },
+    "nextConfig": {
+      "description": "Path (relative to workspace root) to a function which takes phase, config, and builder options, and returns the resulting config. This is an advanced option and should not be used with a normal Next.js config file (i.e. `next.config.js`).",
+      "type": "string",
+      "x-completion-type": "file",
+      "x-completion-glob": "next?(*).js",
+      "x-priority": "important"
+    },
+    "buildLibsFromSource": {
+      "type": "boolean",
+      "description": "Read buildable libraries from source instead of building them separately.",
+      "default": true
+    },
+    "includeDevDependenciesInPackageJson": {
+      "type": "boolean",
+      "description": "Include `devDependencies` in the generated package.json file. By default only production `dependencies` are included.",
+      "default": false
+    },
+    "generateLockfile": {
+      "type": "boolean",
+      "description": "Generate a lockfile (e.g. package-lock.json) that matches the workspace lockfile to ensure package versions match.",
+      "default": false,
+      "x-priority": "internal"
+    },
+    "debug": {
+      "type": "boolean",
+      "description": "Enable Next.js debug build logging"
+    },
+    "profile": {
+      "type": "boolean",
+      "description": "Used to enable React Production Profiling"
+    },
+    "experimentalAppOnly": {
+      "type": "boolean",
+      "description": "Only build 'app' routes"
+    }
+  },
+  "required": ["outputPath"],
+  "examplesFile": "../../../docs/build-next-executor-examples.md"
+}

package/src/executors/export/export.impl.d.ts

@@ -0,0 +1,17 @@
+import { ExecutorContext } from '@nx/devkit';
+import { NextExportBuilderOptions } from '../../utils/types';
+/**
+ * @deprecated use output inside of your next.config.js
+ * Example
+ * const nextConfig = {
+  nx: {
+    svgr: false,
+  },
+
+  output: 'export'
+};
+ * Read https://nextjs.org/docs/pages/building-your-application/deploying/static-exports
+ **/
+export default function exportExecutor(options: NextExportBuilderOptions, context: ExecutorContext): Promise<{
+    success: boolean;
+}>;

package/src/executors/export/export.impl.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const export_1 = require("next/dist/export");
+const nextTrace = require("next/dist/trace");
+const os_1 = require("os");
+const child_process_1 = require("child_process");
+const chalk = require("chalk");
+const semver_1 = require("semver");
+// platform specific command name
+const pmCmd = (0, os_1.platform)() === 'win32' ? `npx.cmd` : 'npx';
+/**
+ * @deprecated use output inside of your next.config.js
+ * Example
+ * const nextConfig = {
+  nx: {
+    svgr: false,
+  },
+
+  output: 'export'
+};
+ * Read https://nextjs.org/docs/pages/building-your-application/deploying/static-exports
+ **/
+async function exportExecutor(options, context) {
+    const nextJsVersion = require('next/package.json').version;
+    if ((0, semver_1.satisfies)(nextJsVersion, '>=14.0.0')) {
+        throw new Error('The export command has been removed in Next.js 14. Please update your Next config to use the output property. Read more: https://nextjs.org/docs/pages/building-your-application/deploying/static-exports');
+    }
+    // Returns { project: ProjectGraphNode; target: string; configuration?: string;}
+    const buildTarget = (0, devkit_1.parseTargetString)(options.buildTarget, context);
+    try {
+        const buildTargetName = (0, devkit_1.targetToTargetString)(buildTarget);
+        const args = getBuildTargetCommand(buildTargetName);
+        (0, child_process_1.execFileSync)(pmCmd, args, {
+            stdio: [0, 1, 2],
+        });
+    }
+    catch {
+        throw new Error(`Build target failed: ${chalk.bold(options.buildTarget)}`);
+    }
+    const buildOptions = (0, devkit_1.readTargetOptions)(buildTarget, context);
+    const projectRoot = context.projectGraph.nodes[context.projectName].data.root;
+    // Taken from:
+    // https://github.com/vercel/next.js/blob/ead56eaab68409e96c19f7d9139747bac1197aa9/packages/next/cli/next-export.ts#L13
+    const nextExportCliSpan = nextTrace.trace('next-export-cli');
+    await (0, export_1.default)(projectRoot, {
+        statusMessage: 'Exporting',
+        silent: options.silent,
+        threads: options.threads,
+        outdir: `${buildOptions.outputPath}/exported`,
+    }, nextExportCliSpan);
+    return { success: true };
+}
+exports.default = exportExecutor;
+function getBuildTargetCommand(buildTarget) {
+    const cmd = ['nx', 'run', buildTarget];
+    return cmd;
+}

package/src/executors/export/schema.json

@@ -0,0 +1,30 @@
+{
+  "version": 2,
+  "outputCapture": "pipe",
+  "cli": "nx",
+  "title": "Next Export",
+  "description": "Export a Next.js application. The exported application is located at `dist/$outputPath/exported`.",
+  "type": "object",
+  "properties": {
+    "buildTarget": {
+      "type": "string",
+      "description": "Target which builds the application",
+      "x-priority": "important"
+    },
+    "silent": {
+      "type": "boolean",
+      "description": "Hide progress or not (default is `false`)",
+      "default": false
+    },
+    "threads": {
+      "type": "number",
+      "description": "Number of worker threads to utilize (defaults to the number of CPUs)"
+    },
+    "buildLibsFromSource": {
+      "type": "boolean",
+      "description": "Read buildable libraries from source instead of building them separately.",
+      "default": true
+    }
+  },
+  "required": []
+}

package/src/executors/server/custom-server.impl.d.ts

@@ -0,0 +1,6 @@
+import { ExecutorContext } from '@nx/devkit';
+import { NextServeBuilderOptions } from '../../utils/types';
+export default function serveExecutor(options: NextServeBuilderOptions, context: ExecutorContext): AsyncGenerator<{
+    success: boolean;
+    baseUrl: string;
+}, void, unknown>;

package/src/executors/server/custom-server.impl.js

@@ -0,0 +1,36 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const path_1 = require("path");
+async function* serveExecutor(options, context) {
+    // Cast to any to overwrite NODE_ENV
+    process.env.NODE_ENV = process.env.NODE_ENV
+        ? process.env.NODE_ENV
+        : options.dev
+            ? 'development'
+            : 'production';
+    // Setting port that the custom server should use.
+    process.env.PORT = options.port ? `${options.port}` : process.env.PORT;
+    options.port = parseInt(process.env.PORT);
+    const projectRoot = context.projectGraph.nodes[context.projectName].data.root;
+    yield* runCustomServer(projectRoot, options, context);
+}
+exports.default = serveExecutor;
+async function* runCustomServer(root, options, context) {
+    process.env.NX_NEXT_DIR ??= root;
+    process.env.NX_NEXT_PUBLIC_DIR = (0, path_1.join)(root, 'public');
+    const baseUrl = `http://${options.hostname || 'localhost'}:${options.port}`;
+    const customServerBuild = await (0, devkit_1.runExecutor)((0, devkit_1.parseTargetString)(options.customServerTarget, context), {
+        watch: options.dev ? true : false,
+    }, context);
+    for await (const result of customServerBuild) {
+        if (!result.success) {
+            return result;
+        }
+        yield {
+            success: true,
+            baseUrl,
+        };
+    }
+    return { success: true };
+}

package/src/executors/server/schema.json

@@ -0,0 +1,63 @@
+{
+  "version": 2,
+  "outputCapture": "pipe",
+  "cli": "nx",
+  "title": "Next Serve",
+  "description": "Serve a Next.js app.",
+  "type": "object",
+  "properties": {
+    "dev": {
+      "type": "boolean",
+      "description": "Serve the application in the dev mode.",
+      "default": true
+    },
+    "buildTarget": {
+      "type": "string",
+      "description": "Target which builds the application.",
+      "x-priority": "important"
+    },
+    "port": {
+      "type": "number",
+      "description": "Port to listen on.",
+      "default": 4200,
+      "x-priority": "important"
+    },
+    "staticMarkup": {
+      "type": "boolean",
+      "description": "Static markup.",
+      "default": false
+    },
+    "quiet": {
+      "type": "boolean",
+      "description": "Hide error messages containing server information.",
+      "default": false
+    },
+    "customServerTarget": {
+      "type": "string",
+      "description": "Target which builds the custom server."
+    },
+    "hostname": {
+      "type": "string",
+      "description": "Hostname on which the application is served."
+    },
+    "buildLibsFromSource": {
+      "type": "boolean",
+      "description": "Read buildable libraries from source instead of building them separately.",
+      "default": true
+    },
+    "keepAliveTimeout": {
+      "type": "number",
+      "description": "Max milliseconds to wait before closing inactive connection."
+    },
+    "turbo": {
+      "type": "boolean",
+      "description": "Activate the incremental bundler for Next.js, which is implemented in Rust. Please note, this feature is exclusively available in development mode."
+    },
+    "experimentalHttps": {
+      "type": "boolean",
+      "description": "Enable HTTPS support for the Next.js development server."
+    }
+  },
+  "required": ["buildTarget"],
+  "examplesFile": "../../../docs/server-next-executor-examples.md"
+}

package/src/executors/server/server.impl.d.ts

@@ -0,0 +1,6 @@
+import { ExecutorContext } from '@nx/devkit';
+import { NextServeBuilderOptions } from '../../utils/types';
+export default function serveExecutor(options: NextServeBuilderOptions, context: ExecutorContext): AsyncGenerator<{
+    success: boolean;
+    baseUrl: string;
+}, void, undefined>;

package/src/executors/server/server.impl.js

@@ -0,0 +1,66 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const devkit_1 = require("@nx/devkit");
+const path_1 = require("path");
+const child_process_1 = require("child_process");
+const custom_server_impl_1 = require("./custom-server.impl");
+const create_cli_options_1 = require("../../utils/create-cli-options");
+const async_iterable_1 = require("@nx/devkit/src/utils/async-iterable");
+const wait_for_port_open_1 = require("@nx/web/src/utils/wait-for-port-open");
+async function* serveExecutor(options, context) {
+    const buildOptions = (0, devkit_1.readTargetOptions)((0, devkit_1.parseTargetString)(options.buildTarget, context), context);
+    const projectRoot = context.workspace.projects[context.projectName].root;
+    // This is required for the default custom server to work. See the @nx/next:app generator.
+    const nextDir = !options.dev && (0, path_1.resolve)(context.root, buildOptions.outputPath);
+    process.env.NX_NEXT_DIR ??= options.dev ? projectRoot : nextDir;
+    if (options.customServerTarget) {
+        return yield* (0, custom_server_impl_1.default)(options, context);
+    }
+    const { keepAliveTimeout, hostname } = options;
+    // Cast to any to overwrite NODE_ENV
+    process.env.NODE_ENV = process.env.NODE_ENV
+        ? process.env.NODE_ENV
+        : options.dev
+            ? 'development'
+            : 'production';
+    // Setting port that the custom server should use.
+    process.env.PORT = options.port ? `${options.port}` : process.env.PORT;
+    options.port = parseInt(process.env.PORT);
+    const args = (0, create_cli_options_1.createCliOptions)({ port: options.port, hostname });
+    if (keepAliveTimeout && !options.dev) {
+        args.push(`--keepAliveTimeout=${keepAliveTimeout}`);
+    }
+    const mode = options.dev ? 'dev' : 'start';
+    const turbo = options.turbo && options.dev ? '--turbo' : '';
+    const experimentalHttps = options.experimentalHttps && options.dev ? '--experimental-https' : '';
+    const nextBin = require.resolve('next/dist/bin/next');
+    yield* (0, async_iterable_1.createAsyncIterable)(async ({ done, next, error }) => {
+        const server = (0, child_process_1.fork)(nextBin, [mode, ...args, turbo, experimentalHttps], {
+            cwd: options.dev ? projectRoot : nextDir,
+            stdio: 'inherit',
+        });
+        server.once('exit', (code) => {
+            if (code === 0) {
+                done();
+            }
+            else {
+                error(new Error(`Next.js app exited with code ${code}`));
+            }
+        });
+        const killServer = () => {
+            if (server.connected) {
+                server.kill('SIGTERM');
+            }
+        };
+        process.on('exit', () => killServer());
+        process.on('SIGINT', () => killServer());
+        process.on('SIGTERM', () => killServer());
+        process.on('SIGHUP', () => killServer());
+        await (0, wait_for_port_open_1.waitForPortOpen)(options.port, { host: options.hostname });
+        next({
+            success: true,
+            baseUrl: `http://${options.hostname ?? 'localhost'}:${options.port}`,
+        });
+    });
+}
+exports.default = serveExecutor;

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

@@ -0,0 +1,4 @@
+import { GeneratorCallback, Tree } from '@nx/devkit';
+import { Schema } from './schema';
+export declare function applicationGenerator(host: Tree, schema: Schema): Promise<GeneratorCallback>;
+export declare function applicationGeneratorInternal(host: Tree, schema: Schema): Promise<GeneratorCallback>;

package/src/generators/application/application.js

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.applicationGeneratorInternal = exports.applicationGenerator = void 0;
+const devkit_1 = require("@nx/devkit");
+const js_1 = require("@nx/js");
+const versions_1 = require("@nx/react/src/utils/versions");
+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_project_1 = require("./lib/add-project");
+const create_application_files_1 = require("./lib/create-application-files");
+const set_defaults_1 = require("./lib/set-defaults");
+const update_jest_config_1 = require("./lib/update-jest-config");
+const init_1 = require("../init/init");
+const styles_1 = require("../../utils/styles");
+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 show_possible_warnings_1 = require("./lib/show-possible-warnings");
+const versions_2 = require("../../utils/versions");
+const log_show_project_command_1 = require("@nx/devkit/src/utils/log-show-project-command");
+async function applicationGenerator(host, schema) {
+    return await applicationGeneratorInternal(host, {
+        addPlugin: false,
+        projectNameAndRootFormat: 'derived',
+        ...schema,
+    });
+}
+exports.applicationGenerator = applicationGenerator;
+async function applicationGeneratorInternal(host, schema) {
+    const tasks = [];
+    const options = await (0, normalize_options_1.normalizeOptions)(host, schema);
+    (0, show_possible_warnings_1.showPossibleWarnings)(host, options);
+    const jsInitTask = await (0, js_1.initGenerator)(host, {
+        js: options.js,
+        skipPackageJson: options.skipPackageJson,
+        skipFormat: true,
+    });
+    tasks.push(jsInitTask);
+    const nextTask = await (0, init_1.nextInitGenerator)(host, {
+        ...options,
+        skipFormat: true,
+    });
+    tasks.push(nextTask);
+    (0, create_application_files_1.createApplicationFiles)(host, options);
+    (0, add_project_1.addProject)(host, options);
+    const e2eTask = await (0, add_e2e_1.addE2e)(host, options);
+    tasks.push(e2eTask);
+    const jestTask = await (0, add_jest_1.addJest)(host, options);
+    tasks.push(jestTask);
+    const lintTask = await (0, add_linting_1.addLinting)(host, options);
+    tasks.push(lintTask);
+    const styledTask = (0, styles_1.addStyleDependencies)(host, {
+        style: options.style,
+        swc: !host.exists((0, devkit_1.joinPathFragments)(options.appProjectRoot, '.babelrc')),
+    });
+    tasks.push(styledTask);
+    (0, update_jest_config_1.updateJestConfig)(host, options);
+    (0, update_cypress_tsconfig_1.updateCypressTsConfig)(host, options);
+    (0, set_defaults_1.setDefaults)(host, options);
+    if (options.customServer) {
+        await (0, custom_server_1.customServerGenerator)(host, {
+            project: options.projectName,
+            compiler: options.swc ? 'swc' : 'tsc',
+        });
+    }
+    if (!options.skipPackageJson) {
+        const devDependencies = {
+            '@types/react': versions_1.typesReactVersion,
+            '@types/react-dom': versions_1.typesReactDomVersion,
+        };
+        if (schema.unitTestRunner && schema.unitTestRunner !== 'none') {
+            devDependencies['@testing-library/react'] = versions_1.testingLibraryReactVersion;
+        }
+        tasks.push((0, devkit_1.addDependenciesToPackageJson)(host, { tslib: versions_2.tsLibVersion }, devDependencies));
+    }
+    if (!options.skipFormat) {
+        await (0, devkit_1.formatFiles)(host);
+    }
+    tasks.push(() => {
+        (0, log_show_project_command_1.logShowProjectCommand)(options.projectName);
+    });
+    return (0, devkit_1.runTasksInSerial)(...tasks);
+}
+exports.applicationGeneratorInternal = applicationGeneratorInternal;

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

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

package/src/generators/application/files/app/global.__stylesExt____tmpl__

@@ -0,0 +1 @@
+<%- styleContent %>

package/src/generators/application/files/app/page.module.__style__

@@ -0,0 +1 @@
+<%- pageStyleContent %>

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

@@ -0,0 +1,30 @@
+<% if (style !== 'none') { %>
+  <% if (styledModule && (styledModule === 'styled-jsx' || styledModule === 'styled-components'))  {%>
+  'use client';
+  <% }%> 
+  <% if (styledModule && styledModule !== 'styled-jsx') {
+    var wrapper = 'StyledPage';
+  %>import styled from '<%= styledModule %>';<% } else {
+    var wrapper = 'div';
+  %>
+    <%- style !== 'styled-jsx' ? `import styles from './page.module.${style}';` : '' %>
+  <% }
+  %>
+
+  <% if (styledModule && styledModule !== 'styled-jsx') { %>
+  const StyledPage = styled.div`<%- pageStyleContent %>`;
+  <% }%>
+<% } %>
+export default function Index() {
+  /*
+   * Replace the elements below with your own.
+   *
+   * Note: The corresponding styles are in the ./<%= fileName %>.<%= style %> file.
+   */
+  return (
+    <<%= wrapper %><% if (!styledModule) {%> className={styles.page}<% } %>>
+      <%- styledModule === 'styled-jsx' && style !== 'none' ? `<style jsx>{\`${pageStyleContent}\`}</style>` : `` %>
+      <%- appContent %>
+    </<%= wrapper %>>
+  );
+};

package/src/generators/application/files/app-default-layout/layout.tsx__tmpl__

@@ -0,0 +1,18 @@
+import './global.<%= stylesExt %>';
+
+export const metadata = {
+  title: 'Welcome to <%= name %>',
+  description: 'Generated by create-nx-workspace',
+}
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode
+}) {
+  return (
+    <html lang="en">
+      <body>{children}</body>
+    </html>
+  )
+}

package/src/generators/application/files/app-styled-components/layout.tsx__tmpl__

@@ -0,0 +1,21 @@
+import './global.<%= stylesExt %>';
+import { StyledComponentsRegistry } from './registry';
+
+export const metadata = {
+  title: 'Welcome to demo2',
+  description: 'Generated by create-nx-workspace',
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="en">
+      <body>
+        <StyledComponentsRegistry>{children}</StyledComponentsRegistry>
+      </body>
+    </html>
+  );
+}

package/src/generators/application/files/app-styled-components/registry.tsx__tmpl__

@@ -0,0 +1,33 @@
+'use client';
+
+import React, { useState } from 'react';
+import { useServerInsertedHTML } from 'next/navigation';
+import { ServerStyleSheet, StyleSheetManager } from 'styled-components';
+
+export function StyledComponentsRegistry({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  // Only create stylesheet once with lazy initial state
+  // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state
+  const [styledComponentsStyleSheet] = useState(() => new ServerStyleSheet());
+
+  useServerInsertedHTML(() => {
+    const styles = styledComponentsStyleSheet.getStyleElement();
+
+    // Types are out of date, clearTag is not defined.
+    // See: https://github.com/DefinitelyTyped/DefinitelyTyped/issues/65021
+    (styledComponentsStyleSheet.instance as any).clearTag();
+
+    return <>{styles}</>;
+  });
+
+  if (typeof window !== 'undefined') return <>{children}</>;
+
+  return (
+    <StyleSheetManager sheet={styledComponentsStyleSheet.instance}>
+      {children}
+    </StyleSheetManager>
+  );
+}

package/src/generators/application/files/app-styled-jsx/layout.tsx__tmpl__

@@ -0,0 +1,16 @@
+import './global.<%= stylesExt %>';
+import { StyledJsxRegistry } from './registry';
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html>
+      <body>
+        <StyledJsxRegistry>{children}</StyledJsxRegistry>
+      </body>
+    </html>
+  );
+}

package/src/generators/application/files/app-styled-jsx/registry.tsx__tmpl__

@@ -0,0 +1,23 @@
+'use client';
+
+import React, { useState } from 'react';
+import { useServerInsertedHTML } from 'next/navigation';
+import { StyleRegistry, createStyleRegistry } from 'styled-jsx';
+
+export function StyledJsxRegistry({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  // Only create stylesheet once with lazy initial state
+  // x-ref: https://reactjs.org/docs/hooks-reference.html#lazy-initial-state
+  const [jsxStyleRegistry] = useState(() => createStyleRegistry());
+
+  useServerInsertedHTML(() => {
+    const styles = jsxStyleRegistry.styles();
+    jsxStyleRegistry.flush();
+    return <>{styles}</>;
+  });
+
+  return <StyleRegistry registry={jsxStyleRegistry}>{children}</StyleRegistry>;
+}

package/src/generators/application/files/common/__dot__babelrc

@@ -0,0 +1,21 @@
+{
+  "presets": [
+    <% if (style === '@emotion/styled') { %>
+    [
+      "@nx/next/babel",
+      {
+        "preset-react": {
+          "runtime": "automatic",
+          "importSource": "@emotion/react"
+        }
+      }
+    ]
+    <% } else { %>
+    "@nx/next/babel"
+    <% } %>
+  ],
+  "plugins": [
+    <% if (style === '@emotion/styled') { %>"@emotion/babel-plugin"<% } %>
+    <% if (style === 'styled-components') { %>["styled-components", { "pure": true, "ssr": true }]<% } %>
+  ]
+}

package/src/generators/application/files/common/index.d.ts__tmpl__

@@ -0,0 +1,13 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+declare module '*.svg' {
+  const content: any;
+  export const ReactComponent: any;
+  export default content;
+}
+
+<% if (style === 'less') { %>
+declare module '*.module.less' {
+  const classes: { readonly [key: string]: string };
+  export default classes;
+}
+<% } %>

package/src/generators/application/files/common/next-env.d.ts__tmpl__

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.