The Missing CMS for Your Cursor App

You're shipping features fast with Cursor. The AI writes your code, refactors your components, and handles boilerplate. But your app's content is still hardcoded — and every text change requires a developer.

The Content Problem

Cursor is an AI-first code editor that makes developers faster at everything. But building apps fast doesn't solve the content management problem:

• Content is embedded in code — Copy, headlines, and descriptions live inside components
• Updates require deploys — Changing a paragraph means editing source code and pushing to production
• No editing interface — Non-technical team members can't update content themselves
• No media management — Images are static files without optimization or a central library
• No content structure — Taxonomies, relationships, and reusable content blocks require custom code
• No workflows — No drafts, no revision history, no scheduled publishing

Cursor + Decoupled.io MCP Tools

Decoupled.io's 25+ MCP tools integrate directly with Cursor. Your AI agent manages the CMS backend without leaving the editor — create content types, import data, sync types, and query content through natural language.

MCP-Powered Content Management

Configure our MCP tools in Cursor and your AI agent becomes a full-stack content manager:

You: "Create content types for a SaaS marketing site — landing pages with
     hero, features, pricing sections, plus a blog with categories and authors."

Cursor: Created 3 content types (landing_page, blog_post, author) with
        paragraph types for hero, features, and pricing sections. Synced
        your typed client — autocomplete is ready for all content types.

Typed Client with Full Autocomplete

The decoupled-client generates TypeScript types from your Drupal schema. Every content type, field, and relationship gets full autocomplete in Cursor:

import { createClient } from 'decoupled-client'
import { createTypedClient } from './schema/client'

const base = createClient({
  baseUrl: process.env.NEXT_PUBLIC_DRUPAL_BASE_URL!,
  clientId: process.env.DRUPAL_CLIENT_ID!,
  clientSecret: process.env.DRUPAL_CLIENT_SECRET!,
})

const client = createTypedClient(base)

// Cursor's AI + typed client = zero guesswork
const posts = await client.getEntries('NodeBlogPost', { first: 10 })
const page = await client.getEntryByPath('/pricing')

When Cursor's AI generates code that uses the typed client, it gets full type information — meaning the AI writes correct CMS queries on the first try.

Visual Page Builder

Give your content team a drag-and-drop page builder. They design landing pages with 10 professional components, AI-assisted copy generation, and live preview. You stay in Cursor building features.

Quick Start

Install the typed client and sync your schema:

npm install decoupled-client
npx decoupled-cli schema sync

This generates TypeScript types, GraphQL queries, and a createTypedClient() factory that mirrors your Drupal content model. Re-run after any content model change.

import { createClient } from 'decoupled-client'
import { createTypedClient } from './schema/client'

const base = createClient({
  baseUrl: process.env.NEXT_PUBLIC_DRUPAL_BASE_URL!,
  clientId: process.env.DRUPAL_CLIENT_ID!,
  clientSecret: process.env.DRUPAL_CLIENT_SECRET!,
})

const client = createTypedClient(base)

// Get entries by type with pagination
const articles = await client.getEntries('NodeArticle', {
  first: 10,
  after: cursor,
})

// Get a single entry by URL path
const about = await client.getEntryByPath('/about-us')

Key Features

Get Started

Create your Drupal space in seconds. Free tier included — no credit card required.

Get Started Free → | View Pricing →