NX Next.js Custom Server

server.js

const express = require('express')

module.exports = async function customServer(app, settings, proxyConfig) {
  const handle = app.getRequestHandler()
  await app.prepare()
  const server = express()

  if (proxyConfig) {
    const proxyMiddleware = require('http-proxy-middleware')
    Object.keys(proxyConfig).forEach(context => {
      server.use(proxyMiddleware(context, proxyConfig[context]))
    })
  }

  // Default catch-all handler to allow Next.js to handle all other routes
  server.all('*', (req, res) => handle(req, res))

  server.listen(settings.port, settings.hostname)
}

setupProxy.js

const environmentTemplate = env => `https://${env}.mydomain.com`

const ENVIRONMENTS = {
  local: 'http://localhost:3000',
  dev: environmentTemplate('dev'),
  qa: environmentTemplate('qa'),
}

const commonOptions = {
  target: ENVIRONMENTS.dev,
  changeOrigin: true,
  ws: true,
  onError: function(err) {
    console.log(err.message)
  },
}

module.exports = {
  '/proxy': commonOptions
}

Update your serve section of the app you want to modify in workspace.json to have these:

+  "proxyConfig": "apps/<my-app>/setupProxy.js",
+  "customServerPath": "server.js"