> ## Documentation Index
> Fetch the complete documentation index at: https://docs.cube.dev/llms.txt
> Use this file to discover all available pages before exploring further.

# Appsmith

> Appsmith is an open-source framework for building internal tools.

[Appsmith](https://www.appsmith.com) is an open-source framework for building
internal tools.

Here's a short video guide on how to connect Appsmith to Cube.

[Loom video](https://www.loom.com/embed/8898c6394cac46568c2be6ae526b1fd5)

## Connect from Cube Cloud

Navigate to the [Integrations](https://docs.cube.dev/admin/connect-to-data/visualization-tools)
page, click **Connect to Cube**, and choose **Appsmith** to get
detailed instructions.

## Connect from Cube Core

You can connect a Cube deployment to Appsmith using the [REST (JSON) API](https://docs.cube.dev/reference/core-data-apis/rest-api).

For a Cube instance publicly available at a specific `HOST`, the REST (JSON) API URL
would be `HOST/cubejs-api/v1`. Please refer to the
[REST (JSON) API page](https://docs.cube.dev/reference/core-data-apis/rest-api) for details.

You will also need to generate a JSON Web Token that would be used to
authenticate requests to Cube.

Please check the [Security page](https://docs.cube.dev/embedding/authentication/jwt.md#generating-json-web-tokens)
to learn how to generate a token. We suggest generating a long-lived JWT that
won't expire soon.

## Connecting from Appsmith

### Create a new data source

Copy and paste the REST (JSON) API URL and the Authorization token to create a new data
source in Appsmith.

![](https://ucarecdn.com/bbdc1318-55aa-4b18-8358-d0ca1869c907/)

### Create a POST request

Get your Cube query in the JSON
[query format](https://docs.cube.dev/reference/core-data-apis/rest-api/query-format.md) ready. You can
copy it from Cube’s Playground or compose manually:

![](https://ucarecdn.com/c6d098ab-7b45-4f67-85c8-c36a6cd45f39/)

Create a POST request, paste the JSON query in the **Body**. Make sure to add a
`query` parameter for your JSON query.

Because you saved the data source as `HOST/cubejs-api/v1`, don't forget to add a
`/load` endpoint to the end of the data source API.

Next, hit Run.

![](https://ucarecdn.com/bee6da36-805e-4a78-97cb-4641046710cb/)

### Display the data

You have many options to display the data in Appsmith. For instance, you can
display the data in a table widget. Also, you can create a chart widget and map
the values to *x* and *y* coordinates accordingly, give a *title* and *names* to
the *axis*.

![](https://ucarecdn.com/d738b112-6eaf-4d5a-a2a0-bdf064465f54/)


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.