How to Use the ContentStack (Management) MCP in Vercel AI SDK

Q: How do I stream ContentStack (Management) updates to a React frontend using the Vercel AI SDK and an MCP Server?

Install @ai-sdk/mcp and set up the HTTP transport pointing to your Vinkius endpoint. Pass the tools from mcpClient.tools() into streamText, allowing your agent to run updateentry or publishentry while streaming the progress tokens directly to your React components.

Q: How does the Vercel AI SDK handle schema validation with ContentStack (Management)?

The agent uses getcontenttypedetails to fetch the JSON schema of your content type. It then validates the input parameters against this schema before calling createentry, preventing runtime API errors in your application.

Stream real-time ContentStack updates directly into your Next.js UI using the Vercel AI SDK.

See Vinkius in Action

Works with every AI agent you already use

…and any MCP-compatible client

MCP Servers - Free for Subscribers

Connect ContentStack (Management) MCP to Vercel AI SDK

Create your Vinkius account to connect ContentStack (Management) to Vercel AI SDK and route execution through our secure gateway. The platform manages server hosting, runtime updates, and security layers. Configuration requires no manual server provisioning.

GDPR Free for Subscribers

Setup ContentStack (Management) with Vercel AI SDK

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Real-time Content Updates with Vercel AI SDK

Your users can see content changes immediately as the agent uses `get_entry_details` and `update_entry` to modify fields. By feeding these updates directly into your Next.js frontend, you bypass the usual loading spinners. The agent modifies the CMS entry and the UI updates live on the screen. Setting this up requires passing the tools from your Vercel AI SDK client into `streamText`. When the agent triggers `publish_entry`, the streaming response carries the publishing status straight to the user's browser, making headless CMS management feel like a local text editor.

Dynamic Schema Inspector

Your agent uses `get_content_type_details` and `list_content_types` to inspect your ContentStack schemas on the fly, eliminating hardcoded form fields in your React components. It dynamically reads your configurations without manual data-mapping steps. This means you build one dynamic admin panel in Next.js, and the MCP Server handles the schema discovery. The agent reads the structure, maps the fields, and prepares the payload for `create_entry` without you writing a single static TypeScript interface.

Live Environment and Asset Sync

The agent pulls active environments using `list_environments` and assets via `list_assets` to build a live deployment dashboard. You get instant visibility into where your assets are deployed. Because this runs on Vercel Edge Functions, the connection to the MCP Server is fast and lightweight. Your application queries `get_stack_info` to verify API credentials and stack configurations instantly, keeping your serverless execution times low.

Setup guide

Set up ContentStack (Management) MCP in Vercel AI SDK

Prerequisites

Node.js 18+ and a TypeScript project
ai + @modelcontextprotocol/sdk packages
Active Vinkius subscription with a valid endpoint token

1

Install dependencies

Run npm install ai @modelcontextprotocol/sdk plus your preferred model provider (e.g. @ai-sdk/openai).
2

Create the Streamable HTTP transport

Use StreamableHTTPClientTransport with your Vinkius endpoint URL. Replace [YOUR_TOKEN_HERE] with your token from cloud.vinkius.com.
3

Discover and use tools

Call mcpClient.tools() to auto-discover all ContentStack (Management) tools. Pass them directly to generateText() or streamText() — no manual schema definitions needed.
4

Works with any model provider

Swap openai("gpt-4o") for any AI SDK provider — Anthropic, Google, Mistral. The MCP tools work identically across all supported models.

index.ts

import { experimental_createMCPClient as createMCPClient } from "ai";
import { StreamableHTTPClientTransport } from "@modelcontextprotocol/sdk/client/streamableHttp";
import { generateText } from "ai";
import { openai } from "@ai-sdk/openai";

const transport = new StreamableHTTPClientTransport(
  new URL("https://edge.vinkius.com/[YOUR_TOKEN_HERE]/mcp")
);

const mcpClient = await createMCPClient({ transport });
const tools = await mcpClient.tools();

const { text } = await generateText({
  model: openai("gpt-4o"),
  tools,
  prompt: "List recent ContentStack (Management) transactions",
});

console.log(text);
await mcpClient.close();

Get your connection token →

Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by ContentStack. All third-party trademarks, logos, and brand names are the property of their respective owners. Their use on this website is strictly for informational purposes to identify service compatibility and interoperability.

Why Choose Vinkius

Vinkius connects your tools to AI with real-time monitoring and automatic cost savings — all from one dashboard.

Connect ContentStack (Management) now

Real-time monitoring

Live

visibility into every interaction

Connect your favorite tools to your AI and see exactly what's happening — every request, every response, in real time.

Built-in savings

60%

lower AI costs

Vinkius compresses data between your apps and your AI automatically. Lower bills every month — no configuration required.

Single dashboard

One

place for every integration

Every tool your AI connects to, managed from a single screen. One account, complete control.

Common questions about ContentStack (Management) MCP in Vercel AI SDK

Install `@ai-sdk/mcp` and set up the HTTP transport pointing to your Vinkius endpoint. Pass the tools from `mcpClient.tools()` into `streamText`, allowing your agent to run `update_entry` or `publish_entry` while streaming the progress tokens directly to your React components.

Yes. The server runs on Vinkius's hosted infrastructure, meaning your edge route only needs to make standard HTTP calls to execute tools like `list_entries` or `get_stack_info`. This keeps your edge bundle small and execution fast.

The agent uses `get_content_type_details` to fetch the JSON schema of your content type. It then validates the input parameters against this schema before calling `create_entry`, preventing runtime API errors in your application.

Yes, you can filter the tool list returned by the client before passing them to the SDK. If you only want to allow content creation, you can expose `create_entry` while withholding destructive tools or environment configuration tools.

Your ContentStack management tokens, content schemas, entry payloads, and asset metadata never touch third-party servers. Vinkius runs the connector in an isolated, ephemeral V8 sandbox, ensuring your CMS credentials and raw content remain private and secure.

Use it with your favorite AI tools

Connect this server to Cursor, Claude, VS Code, and more.

OpenAI Agents SDK sdk-python

Google ADK sdk-python

Pydantic AI sdk-python

Vercel AI SDK sdk-typescript