# Reading data from API

If you need to make your own API request, simply select **"Make an HTTP request"** as the operation. This allows you to connect to any external API and display the response data using available components, such as tables or charts. Just configure the request method, URL, headers, and any necessary parameters based on your API.

### Make an API request using API Builder

1\. Go to the Component Settings then `Add Data Resource`

2\. Select a resource then choose collection as `Make an HTTP request`

{% @arcade/embed flowId="YsnZSlIwPuBdUzzsLNRz" url="<https://app.arcade.software/share/YsnZSlIwPuBdUzzsLNRz>" %}

### Pass API parameters

Now you are in API Query Builder. Specify `endpoint` and add any new parameter.

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2Frez4wLqtJevJiBgEBzep%2Fimage.png?alt=media&#x26;token=45b78244-0aa5-45bd-8dee-28266a21efdd" alt=""><figcaption></figcaption></figure>

### Use tokens on your API request

If you need to pass tokens or other important headers, simply navigate to the **Headers** section and add the required key-value pairs. For example: `Authorization`, `Content-Type`, or any custom token headers.

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2Fvrso5xQjsSTv8AUK3hSJ%2Fimage.png?alt=media&#x26;token=eeef9587-de92-4991-97da-7cf9cc1deaee" alt=""><figcaption></figcaption></figure>

### Transform your response

To transform the response, use the `Transform` feature to specify the result of your request:

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FSuekRlgovJvOzj2H8UYW%2Fimage.png?alt=media&#x26;token=bf4d3166-46ae-4590-9f30-27a7628d7d0c" alt=""><figcaption></figcaption></figure>

### Paginate by pages

If you need pagination, simply navigate to the **Pagination** section and choose your preferred type — such as **Client-side** or **Server-side** (Page, Offset, or Cursor Pagination).

* For **Client-side** pagination, filters, sorting, and pagination are applied automatically — no additional configuration needed.
* For **Server-side** pagination, select the appropriate type (Page, Offset, or Cursor) and configure the necessary parameters based on your API’s structure. You can also use a transformer to adjust the response format if needed.<br>

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FYV0sdHOJCxfU7pckgt72%2Fimage.png?alt=media&#x26;token=f0eed31b-ce4d-4137-8cc4-2662173360f7" alt=""><figcaption></figcaption></figure>

### Run your request

Simply click `Test Request` button to run your request

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2F2kuGvyrun7XDpAd4OuKN%2Fimage.png?alt=media&#x26;token=867c013c-471e-40eb-83f5-16fa8e5fbc6f" alt=""><figcaption></figcaption></figure>

{% content-ref url="../../user-guide/data/make-an-http-request" %}
[make-an-http-request](https://docs.jetadmin.io/user-guide/data/make-an-http-request)
{% endcontent-ref %}