Configure external data

Uniform's Mesh framework lets you configure your project to access multiple external data sources through the Canvas UI. Mesh separates the integration from data source connection details, allowing your project to have multiple connections of the same type if necessary (such as Contentful Spaces). Mesh also allows for multiple data types for each data source (such as single entry, multiple entries, query).

For this exercise you will configure your project to access JavaDrip articles from a headless CMS. During the lesson you will:


  1. Configure a data source that represents a headless CMS.
  2. Configure a data type for the Article content type.
  3. Use the data type to display content from the headless CMS.
  1. In Uniform, navigate to Integrations.
  2. Add the Contentful integration to the project.
  3. Navigate to Experience > Data Types.
  4. Click Add data type.
  5. In the dropdown, select Contentful > Create new.
  6. In the section Contentful settings, enter the values that correspond to your Contentful space.
  7. Enter the following values:
    Content Delivery API (CDA) Access TokenwTxk_OEx3MheZ86BMefgbzo6NbnvDj1TqI9zrbbItqM
    Environment ID (Optional)master
    Public IDcontentful
  8. Click Save.
  9. Since this is a new data source, Uniform opens the Create data type dialog.
    The opened dialog to create a new data type.

Now you'll select a data type to configure.

  1. From the dropdown Archetype, select Single Entry.
  2. Select the following values:
    Allowed Content TypesArticle
    Image thumbnail field nameThumbnail (Media)
    [Expand "more optional settings"]
    Search by fieldTitle
    NameSingle Article
    Public IDsingleArticle
  3. Click Save and Test.
    An example of what the editor will see when using the data type is displayed.
  4. Select one of the articles.
  5. Click Fetch Test Data.
    An example of the data that's available for the selected article is displayed.
  6. Click Done to continue.