[Router Configuration] Deploying Next.js app, router doesn't work as in dev mode.

[borisdedejski]

I am building Next.js app with a custom server.
However when deploying, my routes don't work as expected. I am new to Next.js so I need some help because I don't know where exactly the issue comes from.

As mentioned previously I use custom server and my server.js looks like this:

const app = require("express")();
const next = require("next");

const PORT = process.env.PORT || 3000;
const dev = process.env.NODE_ENV !== "production";
const nextApp = next({ dev });
const nextHandler = nextApp.getRequestHandler();

nextApp
  .prepare()
  .then(() => {
    const showRoutes = require("./routes");
    app.use("/", showRoutes(app, nextApp));

    app.get("*", (req, res) => {
      return nextHandler(req, res);
    });

    app.listen(PORT, err => {
      if (err) throw err;
      console.log(`> Ready on ${PORT}`);
    });
  })
  .catch(ex => {
    console.error(ex.stack);
    process.exit(1);
  });

My routes.js looks like this:

const express = require("express");
const router = express.Router();

function routes(app, nextApp) {
  app.get("/", (req, res) => {
    return nextApp.render(req, res, "/containers/auth/welcome", req.params);
  });

  app.get("/login", (req, res) => {
    console.log("login in routes")
    return nextApp.render(req, res, "/containers/auth/login", req.params);
  });

  app.get("/sign-up", (req, res) => {
    return nextApp.render(req, res, "/containers/auth/sign-up", req.params);
  });

  app.get("/home", (req, res) => {
    return nextApp.render(req, res, "/index", req.params);
  });

  app.get("/profile", (req, res) => {
    return nextApp.render(req, res, "/index", req.params);
  });


  return router;
}

module.exports = routes;

And in my package.json scrips are the following:

"scripts": {
    "dev": "next",
    "build": "next build",
    "start": "NODE_ENV=production nodemon src/server/index.js",
    "export": "next export"
  },

When I run my app with yarn run start it works perfectly on localhost and I can navigate through routes, but when I try to deploy or when I run it with next (yarn run dev) the app does not work properly.
I am trying to deploy the app with now, as yarn run now but it gives the same result as dev. Should I configure now.json somehow for using the custom server ?

How can I deploy my app, which is configured that way, do I need to make some configuration into the now.json or my routing is totally screwed up ?

Thank you for your help

[borisdedejski]

Setting routes in now.json solved my problem and seems to work perfectly.

{
  "version": 2,
  "routes": [
    { "src": "/login", "dest": "/containers/auth/login", "methods": ["GET"] },
    {
      "src": "/sign-up",
      "dest": "/containers/auth/sign-up",
      "methods": ["GET"]
    },
    { "src": "/page", "dest": "/page" },

    { "src": "/home", "dest": "/index" },
    { "src": "/profile", "dest": "/index", "methods": ["GET"] },
    { "src": "/connect/oauth", "dest": "/index" }
  ]
}