Using a custom page/handler for function timeout pages on a Nuxt application

We have built our website using ISR approach on Nuxt, and we’re handing our errors with a “error.vue” page on our application root folder. This approach isn’t catching the 10 seconds timeout error that sometime is triggered on SSR, and that we’re debugging.
We’ve already tried adding redirects on netlify.toml:

[[redirects]]
from = “/"
to = “/error”
status = 500
[[redirects]]
from = "/

to = “/error”
status = 501
[[redirects]]
from = “/"
to = “/error”
status = 502
[[redirects]]
from = "/

to = “/error”
status = 503

and putting an hook on vue:error:

nuxtApp.hook(“vue:error”, (…_args) => {
console.log(“vue:error”)
console.log(JSON.stringify(_args))
})

Neither of the two is catching the timeout error.
Is there some documentation on how to customize the timeout error page or, even better, how to handle a timeout error in our application?

Hi what is the name of your function and which site on your account is this about?

Hi, this is about the “server” function that is built by Nitro at build time; we have little to no control on what it does. It happens in all our applications that are based on Nuxt. I also tried to update Nitro to > 2.6.0, where the “error” hook is implemented, again with no success. My hypothesis, at this point, is that the Nitro server function is not aware of being stopped, this have to be supported by Netlify and Nitro together for it to work…

Hi @hippocrates_holding,

This is being worked upon in the helpdesk!