How to Use the HubSpot CMS Hub MCP in Vercel AI SDK

Q: How do I stream HubSpot CMS Hub data using Vercel AI SDK?

You initialize the client with createMCPClient and pass the server tools directly into streamText. This allows your LLM to call hslistblogposts and stream the results to your frontend. Close the client connection when the stream ends to prevent memory leaks.

Build live-streaming dashboards that query HubSpot CMS Hub data in real-time with 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 HubSpot CMS Hub MCP to Vercel AI SDK

Create your Vinkius account to connect HubSpot CMS Hub 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 HubSpot CMS Hub with Vercel AI SDK

Ask AI about this MCP

ChatGPT

Claude

Perplexity

Audit blog content live in Next.js

Stop making users wait for heavy page loads when auditing content. By feeding this MCP server into your streaming UI, you let users fetch live blog directories instantly. Your agent can trigger `hs_list_blog_posts` and stream the titles, slugs, and publish dates directly onto the screen as they arrive. If they need to drill down, the agent fires `hs_get_blog_post` to grab the raw body length and SEO settings. It happens right in the edge function, bypassing slow database roundtrips and keeping the user interface snappy.

Search site pages via Vercel AI SDK

Standard CMS searches usually force you to build custom API endpoints and handle complex state. This MCP Server lets your AI client handle the query logic for you. Using `hs_search_site_pages`, the agent scans your active web pages and displays matches on the fly. You don't have to write custom search filters or coordinate backend states. The tool returns active draft and published pages, while your streaming frontend renders the results item by item.

Monitor connected domains and landing pages

Tracking live domains shouldn't require jumping into the HubSpot portal. Your application can call `hs_list_domains` to check DNS resolution status and find out which domains handle your landing pages. Combined with `hs_list_landing_pages`, your UI displays conversion-focused pages alongside their active URLs. It gives your team a clear, real-time look at your live marketing assets.

Setup guide

Set up HubSpot CMS Hub 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 HubSpot CMS Hub 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 HubSpot CMS Hub 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 HubSpot. 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 HubSpot CMS Hub 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 HubSpot CMS Hub MCP in Vercel AI SDK

You initialize the client with `createMCPClient` and pass the server tools directly into `streamText`. This allows your LLM to call `hs_list_blog_posts` and stream the results to your frontend. Close the client connection when the stream ends to prevent memory leaks.

Yes, the server runs in a secure sandbox, and the SDK is fully compatible with edge runtimes. You can pull live domain records using `hs_list_domains` directly from an edge route. This setup keeps latency low and avoids serverless cold starts.

The SDK passes tool execution directly to the underlying model, which calls tools like `hs_search_blog_posts` as needed. If you hit HubSpot's API limits, the edge function will catch the error. You should implement custom retry logic in your Next.js API route to handle these limits.

You don't need custom hooks. The SDK handles the UI state automatically when the agent calls `hs_list_blog_authors`. The JSON payload containing author bios and slugs streams directly into your existing UI components.

Your HubSpot CMS data—including blog posts, page lists, and domain configurations—never gets stored on our servers. Vinkius runs the MCP Server inside a zero-trust, ephemeral V8 isolate sandbox. Each request uses a single secure endpoint token, keeping your API keys hidden from the client side.

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