To start just clone this repo and type:
npm run dev
This example shows how to use Pino as a logger on both browser and server independently, in a Next.js project.
For this example, we have created a Custom Server in the file server.js
On the server side, the logger will be available in the request object
and can be used to log by doing: req.log.info(msg)
As an example, checkout pages/api/hello.js You can call: http://localhost:3000/api/hello and you will see the log.
On the client side, checkout pages/index.js
The logger object is available to use by calling logger.info(msg)
When it is called from the browser then the logger will send the message via an async call using navigator.sendBeacon() to http://localhost:3000/log which will then log the message on the server.