Skip to main content
Contentful is a headless CMS that separates content management from how content is presented. The Contentful connector lets your Lovable app fetch published content from your Contentful space using the Content Delivery API (CDA). Your app can then render content driven pages, product catalogs, blogs, or documentation powered by the content stored in Contentful. With Contentful, your app can:
  • Fetch published entries, assets, and content types from your space
  • Deliver content through Contentful’s CDN backed Content Delivery API
  • Build dynamic pages and layouts powered by your CMS content
  • Filter and paginate entries by content type, locale, or field values
  • Render rich text fields in your app UI
The Contentful connector is read only. It does not support creating, updating, or deleting content. All content management happens in the Contentful web app or through the Contentful Management API.

​
Common use cases and example apps

​
How to connect Contentful

Workspace admins and owners can connect Contentful. You can create multiple Contentful connections using different API keys or different spaces. This can be useful for separating development and production environments or connecting multiple Contentful spaces. When the connection is created, Contentful becomes available across all projects in the workspace.

​
Prerequisites

Before connecting Contentful, make sure you have:
  • A Contentful account with a space that contains published content
  • A Content Delivery API (CDA) access token for that space
  • Your Space ID
  • Lovable workspace owner or admin role
All API requests made through this connector use your Content Delivery API access token. API usage counts toward your Contentful plan limits and billing is handled directly by Contentful, not Lovable.

​
Step 1: Find your space ID and create a CDA access token

Your Space ID and CDA access token are both available in the Contentful web app. To find your Space ID:
  1. Log in to app.contentful.com.
  2. Open the space you want to connect.
  3. Go to Settings → General settings.
  4. Copy the Space ID.
See Contentful documentation for detailed instructions: Find space ID To create a Content Delivery API access token:
  1. In the same space, go to Settings → API keys.
  2. Click Add API key or open an existing key.
  3. Give the key a name such as Lovable integration.
  4. Copy the Content Delivery API access token.
See Contentful documentation for detailed instructions: Authentication
Your access token functions like a password. Keep it secure and never share it publicly. You’ll need both the Space ID and the access token in the next step.

​
Step 2: Connect Contentful to Lovable

  1. Open Connectors → App connectors and select Contentful.
  2. Click Add connection.
  3. Enter a Display name, for example Contentful Prod.
  4. Enter your Space ID.
  5. Enter your Content Delivery API access token.
  6. Click Connect.
When connected, your Lovable apps can start fetching content from your Contentful space. Editors and above can remove specific projects from a connection without deleting the connection entirely. The connection will remain available for other projects. To unlink projects:
1

Open Connectors

Open Connectors, then go to App connectors, and select .
2

Open the connection

Open the connection you want to manage.
3

Select projects

Under Linked projects, check the projects you want to unlink.
4

Confirm

Click Unlink projects and confirm.
When unlinked, those projects will no longer have access to through this connection. If a project needs again, you can link it to any available connection.

​
How to delete a connection

Workspace admins and owners can delete connections. Other members can delete a connection if they created it, or if they have been explicitly granted access to it.
Deleting a connection is permanent and cannot be undone. It will remove the credentials from all linked projects, and any apps using this connection will stop working until a new connection is added.
Before deleting, review the Linked projects section to see which projects are currently using the connection. To delete a connection:
1

Open Connectors

Open Connectors, then go to App connectors, and select .
2

Open the connection

Open the connection you want to remove.
3

Review linked projects

Review the Linked projects section.
4

Delete

Under Delete this connection, click Delete and confirm.