Class NextJs

packages/cli/src/frameworks/nextjs/index.ts:17–128

import { detectMiddlewareUsage } from "./middleware";

export class NextJs implements Framework {
  id = "nextjs";
  name = "Next.js";

  async isMatch(path: string, packageManager: PackageManager): Promise<boolean> {
    const hasNextConfigFile = await detectNextConfigFile(path);
    if (hasNextConfigFile) {
      return true;
    }

    return await detectNextDependency(path);
  }

  async dependencies(): Promise<InstallPackage[]> {
    return [
      { name: "@trigger.dev/sdk", tag: "latest" },
      { name: "@trigger.dev/nextjs", tag: "latest" },
      { name: "@trigger.dev/react", tag: "latest" },
    ];
  }

  possibleEnvFilenames(): string[] {
    return [".env.local", ".env"];
  }

  publicKeyEnvName = "NEXT_PUBLIC_TRIGGER_PUBLIC_API_KEY";

  async install(
    path: string,
    options: { typescript: boolean; packageManager: PackageManager; endpointSlug: string }
  ): Promise<void> {
    const usesSrcDir = await detectUseOfSrcDir(path);
    if (usesSrcDir) {
      logger.info("📁 Detected use of src directory");
    }

    const nextJsDir = await detectPagesOrAppDir(path);
    const nextJsVersion = await detectNextVersion(path);
    const routeDir = pathModule.join(path, usesSrcDir ? "src" : "");
    const pathAlias = await getPathAlias({
      projectPath: path,
      isTypescriptProject: options.typescript,
      extraDirectories: usesSrcDir ? ["src"] : undefined,
    });
    const fileExtension = options.typescript ? ".ts" : ".js";

    if (nextJsDir === "pages") {
      const apiRoutePath = pathModule.join(routeDir, "pages", "api", `trigger${fileExtension}`);
      if (nextJsVersion && nextJsVersion !== 'latest' && nextJsVersion < "13.5") {
        await createTriggerRoute({
          path: routeDir,
          apiRoutePath,
          template: "pagesApiRoute.js",
          fileExtension,
          endpointSlug: options.endpointSlug,
          pathAlias
        });
      } else {