Server logs in the browser

[ariannargesi]

Goals

Showing server logs (including errors, console.log, etc) in the browser during development

Background

Nuxt.js just released a new version and they've introduced this feature. It is amazing.
Something it's two frustrating to check logs in both browser and both server to find potential issues. If we can show all the logs in one place, we can provide a better DX experience

Proposal

Not sure about how to implement this. But I'm ready to contribute

[ariannargesi]

I'm not an expect on the topic of how Next.js work under the hood.
But one solution is that we can open a socket connection during development and send the logs to client. with this method we show logs instantly.

What are the downsides? I don't know
Can socket connection have delay and this cause to see logs in wrong order? I don't know