Articles on: CMS Integrations

How to connect to a Headless CMS platform

Connect your TeleportHQ project to one of several headless content management systems to enable the creation of dynamic websites.


Integrating a headless CMS into your project allows you to pull data from the CMS and bind it to elements in your project. This makes it much easier to scale content heavy websites.


Once a connection is established, TeleportHQ will automatically pull existing and newly added data from the CMS. This makes it easier to set up and scale content heavy websites.


  1. Supported CMS platforms
  2. How to connect to a headless CMS
  3. Syncing the CMS
  4. Disconnecting the CMS


Supported CMS platforms


The headless CMS platforms that we support connection with at the moment are:


Strapi

Contentful

Caisy

Flotiq

Wordpress - limited capacity

How to connect to a headless CMS


To connect to one of these platforms, in your project:


  • Go to the Left panel -> CMS Integration tab
  • **Select the CMS **platform you want to connect to
  • Add the necessary credentials
  • Click Connect
  • Choose the collections you want to import from the CMS


Once you are connected, TeleportHQ will fetch the data from your instance and make it available to use in your project. Additionally, special collections pages will be automatically generated for you to use.


Data is retrieved in the form of collections. A collection can have one or more items. An item can have one or more properties.


Where to find the connection credentials for the CMS platforms


Each supported platform requires credentials that are unique. Check out these video tutorials to find the credentials for each supported headless CMS platform.


Strapi tutorial

Contentful tutorial

Casiy tutorial

Flotiq tutorial

Wordpress tutorial

Syncing the CMS


Adding newly created collections from the CMS to the project will require that you synchronize with the selected content management system.


To sync the project with the CMS:


  • Go to the Left panel -> CMS Integration tab
  • Click on the “⋮” context menu
  • Select Sync Content Types


Disconnecting the CMS


To disconnect the CMS from your project:


  • Go to the Left panel -> CMS Integration tab
  • Click on the “⋮” context menu
  • Select Disconnect CMS
    Reload the project


How to sync content types and disconnect the CMS

Updated on: 28/03/2025

Was this article helpful?

Share your feedback

Cancel

Thank you!