# Use Data sources

The Data sources area lets developers manage the data sources in your commercetools Frontend project.

From **Data sources** in the **Developer** area, you can add a data source schema, edit some settings of data sources, download a data source schema, and delete data sources.

## Add a data source schema

To add a data source JSON schema, follow these steps:

1. From the Studio home page or from the left menu, go to **Developer > Data sources**.

2. Click **Upload schema** to browse and upload a JSON file you created, or click **Create schema**: the [schema builder](/frontend-studio/using-the-schema-builder.md) opens.

3. From the schema builder, click **Publish** to make the data source available in the Studio. Otherwise, click **Save as draft**.

For further information on creating data sources, see [Developing a data source extension](/frontend-development/developing-a-data-source-extension.md).

## Edit a data source settings

To edit the settings of a data source, follow these steps:

1. From the Studio home page or from the left menu, go to **Developer > Data sources**.

2. Search for the data source and select it: the pane with the data source settings opens.

3. From the settings pane, perform one of the following changes. Then, click **Save**.

   - Activate or deactivate the data source.
   - Select the environments in which the data source is available.
   - Edit the data source icon.
   - [Edit the data source schema](/frontend-studio/using-the-schema-builder.md).

     When you edit the data source schema, make sure backwards compatibility is guaranteed. Otherwise, it could break your website.

     ![The pane with the settings of a data source in the Developer Data sources area.](https://docs.commercetools.com/frontend-studio/images/data-source-settings.png)

## Download a data source schema

To download the JSON schema of a data source, follow these steps:

1. From the Studio home page or from the left menu, go to **Developer > Data sources**.

2. Search for the data source and select it: the pane with the data source settings opens.

3. Click **Download schema**: the JSON file with the data source schema will be downloaded on your computer.

## Delete a data source

To delete a data source, follow these steps:

1. From the Studio home page or from the left menu, go to **Developer > Data sources**.

2. Search for the data source and select it: the pane with the data source settings opens.

3. Click **Delete**.

You can delete a data source only if it is not in use.

## Related pages

- [Area overview page with navigation](/frontend-studio.md)
- [Previous page: Use Frontend previews](/frontend-studio/using-the-frontend-previews-area.md)
- [Next page: Use Continuous Integration](/frontend-studio/using-the-ci-area.md)
- [Search documentation and API specs](/search.md)