customFetch

The customFetch package provides a wrapper around the standard JavaScript fetch() function, with added functionality for custom headers and a base URL.

To use the package, first install it:

npm i @julienvanbeveren/custom-fetch --save

Now import it into your proejct:

import custom-fetch from "@julienvanbeveren/custom-fetch"

Next, create an options object with the base URL and any custom headers you want to include in all requests:

const options = {
  baseUrl: 'https://example.com',
  headers: {
    'Authorization': 'Bearer YOUR_ACCESS_TOKEN'
  }
}

Then, call customFetch() with your options object to create a new fetch() function with your custom settings:

const newFetch = customFetch(options)

You can now use the newFetch() function in the same way you would use the standard fetch() function, but with the added benefit of automatically included custom headers and a base URL.

For example, to make a GET request to https://example.com/data, you would use:

const response = await newFetch('/data')

You can also pass in any additional options as a second argument to newFetch(), such as a request body or custom headers for that specific request:

const body = JSON.stringify({ example: 'data' })
const response = await newFetch('/data', { method: 'POST', body })

You can also specify the type of the response data by passing the type parameter to newFetch function.

const response = await newFetch<MyType>('/data')

Overall, the customFetch package can be a useful tool for streamlining your API calls and making sure that custom headers are always included in your requests.