next.js recipe disjoint customServer provisions between build & serve

Current Behavior

• serve supports a customServer, but build is missing such provisions. that is, though i have a custom server, the build distribution ignores it, meaning my built artifact is not runnable after build, but is runnable in dev using serve.

similarly, next.config.js & public assets are missing in dist, which are common next.js required artifacts

this is related, but independent of #3190

Expected Behavior

• customServer and associated provisions make it into dist. this could feasibly be a webpack::target::node execution on customServer placed into dist/apps/<appname>/server.js as an optimized bundle.

Steps to Reproduce

• observe nx src for next.js serve vs build builder impls

Failure Logs

n/a

Environment

n/a

[jaysoo]

Sorry for the lack of updates. We need to rethink the custom server implementation.

As pointed out, it is only running the dev server through the custom server. We may need a migration to move it from @nrwl/next:server to @nrwl/next:build since it is a build concern.

We’ll have something soon, so stay tuned.

[nsmith7989]

@kirjai I don’t think #5765 fixes this issue for build.

The custom server never ends up compiled into the dist directory.

Also if you look at the dist’s package.json of each app, start is still "start": "next start" not "start": "node customServer.js"

We’re run into this problem too, ended up adding a separate target to each of our nextjs apps that does @nrwl/node:build, then use @nrwl/workspace:run-commands to combine those two together.

"build": {
          "executor": "@nrwl/workspace:run-commands",
          "options": {
            "commands": [
              "yarn nx run booking-res-lite:build-next:production",
              "yarn nx run booking-res-lite:build-server:production"
            ]
          }
        },
        "build-next": {
          "executor": "@nrwl/next:build",
          "outputs": ["{options.outputPath}"],
          "options": {
            "root": "apps/booking/res-lite",
            "outputPath": "dist/apps/booking-res-lite"
          },
          "configurations": {
            "production": {}
          }
        },
        "build-server": {
          "executor": "@nrwl/node:build",
          "outputs": ["{options.outputPath}"],
          "options": {
            "outputPath": "dist/apps/booking-res-lite",
            "main": "apps/booking/res-lite/server.ts",
            "tsConfig": "apps/booking/res-lite/tsconfig.server.json"
          },
          "configurations": {
            "production": {
              "optimization": true,
              "extractLicenses": true,
              "inspect": false
            }
          }
        },