404 page on dynamic route pages

[rminossi]

Hello people!

I'm having trouble accessing pages with dynamic url (data pulled from API with getInitialProps)

/empreendimento

Empreendimento.getInitialProps = async ({ query }) => {
    const response = await axios.get(`https://ceos.systems/v1/site/builds/${query.empreendimento}`);
    const build = await response.data[0]
    return ({ build })
}

/imovel

Imovel.getInitialProps = async ({ query }) => {
    const response = await axios.get(`https://ceos.systems/v1/site/properties/${query.imovel}`);
    const property = await response.data[0]
    const images = await property.images
    return ({ property })
}

I get page 404 when trying to access one of them.

Here is the routes.js file

const routes = require('next-routes')

module.exports = routes()
  .add('/', 'index')
  .add('/imoveis', 'imoveis')
  .add('/imovel/:imovel', 'imovel')
  .add('/empreendimentos', 'empreendimentos')
  .add('/empreendimento/:empreendimento', 'empreendimento');

Here is the organization of the pages / folder

My server.js file

const { createServer } = require('http');
const next = require('next');
const routes = require('./routes');

const app = next({ dev: process.env.NODE_ENV !== 'production' });
const handler = routes.getRequestHandler(app);

app.prepare().then(() => {
  createServer(handler).listen(process.env.PORT || 3000)
});

The application is started with next build, followed by next start

I try deploy on Vercel, but have the same problem
https://penz-next-site.vercel.app/empreendimento/EM00211-Madri