Skip to main content

Connecting to a GraphQL API

This article describes how developers can quickly create a Resource connected to a 3rd party GraphQL API

To set up a GraphQL API as a data source, click on the Resources icon in the left-side menu. It will open a modal that lists all of the available data sources.

Resources in App Builder

In the "Add a Resource" area, select "GraphQL API." This will open up a configuration window in which you can specify the name of your API, endpoint URL, and any default headers.

Click "Save" to save your changes. Once saved, the new data source will be visible in the Resources list when creating Requests.

Making an API Request to the Data Source‚Äč

Once your Resource gets configured, it will become available in your app! You can then make API requests to it using the Request Modal.

Request Modal

To create an API request, click on the "+" button in the top-right corner of the Request modal.

In the Request create form, you can select which Resource you want to request and the different settings for that Request. The input variables, headers, and operation type can all be set. These options will vary based on the type of data source you're sending the Request to (e.g, GraphQL, REST, 8base Backend).

Making a request in the Request Modal

After you've made your request, you'll see the response. The data also gets stored in the State pane, making it accessible by components and other parts of your app.

on this page
Was this article useful?
89% of our users said this content was useful.