Implement a kind of http object that makes requests in next js app

[keven-bardales]

Goals

1. One single instance in charge of making requests.
2. Make a scalable solution for future functionalities that could be added into it.
3. Make it easier for developers to do things like intercepting request.

Non-Goals

Background

I was trying to make my fetch request to my external api and whenever it responds a 403 forbidden message i want to redirect to a page in each request.

Proposal

I would say a global object could be exported or a custom class with singleton partern and adding functionalities like interceptors.
Only thing i know could do this is axios interceptors but i think it would be great an implementation with the fetch api.