Example with API routes handling POST requests with a custom Express server

Can you please add an example here:

https://github.com/zeit/next.js/tree/master/examples

that uses API routes to handle POST requests with also a custom Express server to serve the application? I feel like there are conflicts between routes provided by the Express server, the file system routing of Next and the API routes within the api folder. The following are related issues:

https://github.com/zeit/next.js/issues/7960

https://github.com/zeit/next.js/issues/8178

https://github.com/zeit/next.js/issues/8120

In order to make it work now I have to do something that seems pretty crazy:

pages/api/signin.js

'use strict';
module.exports = require('../../src/apiHandlers').postSignIn;

server.js

expressApp.post('/api/signin', require('./pages/api/signin'))

[ivan-kleshnin]

Sorry for interfering… But why do you people need API routes? Having a separate server that handles API is more performant, more stable, more extensible and more comfortable to configure. You will be able to deploy them separately as well. No idea why someone decided to add this feature…

[peec]

I am also missing a way to have both, api routes and a custom server.js. The api routes are ignored once you use a custom server.js. The reason why I use a custom server.js currently is only to force SSL redirection in production mode. I know some people would recommend handling this in a load balancer - but there is no way to do this on a standard heroku instance.

My workaround is basically not using API routes and do everything with express.

I have not tried, but maybe it does not work because there is no handler for POST in the examples…

so maybe something like this would work and if it does work, examples should probably be updated:

app.prepare().then(() => {
  const server = express()
  // ... custom express middlewares

  server.get('*', (req, res) => {
    return handle(req, res)
  })
  // Does this fix it? Also fallback for POST.. ?
  server.post('*', (req, res) => {
    return handle(req, res)
  })

  server.listen(port, err => {
    if (err) throw err
    console.log(`> Ready on http://localhost:${port}`)
  })
})