Is it possible to send post data to nextjs route? (now 2.0)

I want my nextjs to recieve post form and then it can pass data to nextjs route. I don’t want to send data via query params for some reason.

server.post('/products', (req, res) => {
  // send post form with x-www-form-urlencoded
  return app.render(req, res, '/product', { payload: req.query.name })
})

Product.getInitialProps = props => {
  const { payload } = props.query
  return { payload }
}

function Product(props) {
  return <p>{props.payload}</p>
}

I can make it work when I use expressjs and run on my local server.

But when I try to deploy to now 2.0 following this https://zeit.co/guides/custom-next-js-server-to-routes/

I’m not sure how can I pass my post data form to nextjs route.

{
  "version": 2,
  "routes": [
    { "src": "/product", "method": "POST" ,"dest": "/product?payload=???? }
  ]
  "builds": [
    {
      "src": "next.config.js",
      "use": "@now/next"
    },
    { "src": "index.js", "use": "@now/node" },
    {
      "src": "static/*",
      "use": "@now/static"
    }
  ]
}

How can I send payload data that came from post form (x-www-form-urlencoded) to nextjs routes?

I try this in my index.js but it does not work

'use strict'

const express = require('express')
const helmet = require('helmet')

const app = express()

app.use(helmet())
app.use(express.urlencoded({ extended: true }))

app.post('/product', (req, res) => {
  console.log('body', req.body)
  res.status(200).send(req.body)
})

module.exports = app

I can get req.body but I cannot pass it to the nextjs route.

Is there anyway that lamdas can do something like this?

server.post('/', (req, res) => {
    console.log('payload server', req.body)
    return app.render(req, res, '/', { payload: req.body })
})

System information

• Version of Next.js: [e.g. 8.1]

thanks for helping 😃

[hvaoc]

I was able to get the post form data using the package urlencoded-body-parser and parse the data from the req object inside the getInitialProps function.

import parse from 'urlencoded-body-parser'

static getInitialProps = async (ctx: NextPageContext) => {
        const { req, query } = ctx
        const data = await parse(req)
        console.log('BODY', data)
}

[amir3code]

@huv1k I wanna use Nextjs as the replacement for PHP! It should support that!