Quickstart: use the Creditcorp public API in

2 min read

RemixIdiomatic integration

cacheCatalogue changes rarely

configBase URL from env

Call the API from Remix

// app/routes/products.jsx
export async function loader() {
  const res = await fetch(
    'https://api.credicorp.co.uk/public/v1/products');
  const { data } = await res.json();
  return json(data, {
    headers: { 'Cache-Control': 'max-age=3600' },
  });
}

Fetch in a Remix loader so the call is server-side, and set a Cache-Control header on the response so the catalogue is cached by the browser and any CDN in front.

Sandbox first

Set the base URL to https://sandbox.credicorp.co.uk/public/v1 in development and CI. See choosing a base URL.

Next steps

Add a quote form or an enquiry submission, and send applicants to apply. Handle failures with the shared error envelope.

Frequently asked questions

Should I cache the catalogue in Remix?

Yes — it changes infrequently. Cache it for the response's max-age using Remix's caching layer, so the API stays off your hot path and under the rate limit.

Where does the base URL belong?

In Remix's configuration, read from an environment variable per environment, so the same build runs against sandbox and production by changing one value.