Next-routes two components with same main route

Hi, I want to have this configuration in the routes file with next-routes:

module.exports = routes()
.add({ name: "perfil", pattern: "/perfil/:id", page: "perfil" })
.add({ name: "edit", pattern: "/perfil/:id/edit", page: "edit" })

One component called “edit” that has the route /perfil/:id/edit and other for “perfil” which is /perfil/:id.

But that does not work, the component “perfil” gives me the route /perfil/:id and the component “edit” gives me /edit. How can i resolve this?

Thanks!

[AugustinLF]

You should put the most specific first. Because here /product/123 matches /:id, where id is product/123.

[MontoyaAndres]

@juliankoehn the example you sent is using now, which is great, I use it. But what I was talking about is this https://github.com/zeit/next.js/blob/canary/packages/next/README.md#custom-server-and-routing