Query is empty inside getInitialProps on server side

Bug report

Describe the bug

I have mask: https://somedomain.com/someurl/:projectName?price and I try to get params like this:

getInitialProps({ query }) {
    console.log('getInitialProps = ', query);
  }

but the query = {}, its reproduce only on server side! if I open the url from client side by click on <Link route"...">, the query works good.

To Reproduce

1. open some url with query
2. add that code to your page:

getInitialProps({ query }) {
    console.log('getInitialProps = ', query);
  }

Expected behavior

The query shouldn’t be empty, it should be {projectName: '...', price: '...'}

Screenshots

System information

• OS:Windows
• Browser chrome
• Version of Next.js: 8.1.0

Additional context

[olaj]

If another noob like me is running into this. What @timneutkens means is that in your server.js you have probably forgotten to add req.query. That was the issue for me at least.

    server.get("/page/home", (req, res) => {
      const actualPage = "/home";
      app.render(req, res, actualPage, req.query);
    });

[nikodunk]

If you don’t want to do any custom server-side stuff at all, you can follow this to learn that

getInitialProps(context) {
    console.log('getInitialProps = ', context.query);
  }

shows the query even on the server side, as well as on the client. To get the same value in the template it’s

<p>{this.props.router.query.id}</p>

This is very badly documented in the docs themselves, but super clear in the tutorial.