How to Use the Afosto MCP in Vercel AI SDK
Stream Afosto e-commerce data directly into your UI. Build live dashboards and real-time customer views with the Vercel AI SDK.
Works with every AI agent you already use
…and any MCP-compatible client
Connect Afosto MCP to Vercel AI SDK
Create your Vinkius account to connect Afosto 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.
Build Live Inventory Dashboards
Stop showing your users stale data. When your AI client calls `list_inventory`, the Vercel AI SDK streams results directly into your React or Next.js components. Users see stock levels update in real-time, right in the UI. This isn't just a loading spinner followed by a data dump. You can build an interface where a user asks, "How many large blue shirts are in the Chicago warehouse?" and the numbers appear on screen as the tool runs. It's a completely different user experience for internal tools or customer-facing apps.
Create Real-Time Customer Profiles
Give your support team the information they need, instantly. Connect this MCP Server to your internal tools and let your agents ask for a customer's history in plain English. The AI client uses `list_customers` and `list_orders` to pull the data from Afosto. With the AI SDK, that customer's entire order history streams directly into your agent's dashboard. No page reloads. No waiting for a backend process to finish. They get the context they need, right when they ask for it, making for faster and smarter customer support.
Power AI-Driven Product Catalogs
Let users search your product catalog with natural language. An AI client armed with the `list_products` tool can find items, check variants, and compare pricing based on a simple user query. It's a fast way to build a smarter search for your e-commerce site. The Vercel AI SDK makes the response feel immediate. As your agent finds matching products in Afosto, they appear in the UI one by one. This gives you the foundation for building dynamic, AI-powered product discovery features that feel alive.
Set up Afosto MCP in Vercel AI SDK
Prerequisites
- Node.js 18+ and a TypeScript project
-
ai+@modelcontextprotocol/sdkpackages - Active Vinkius subscription with a valid endpoint token
- 1
Install dependencies
Run
npm install ai @modelcontextprotocol/sdkplus your preferred model provider (e.g.@ai-sdk/openai). - 2
Create the Streamable HTTP transport
Use
StreamableHTTPClientTransportwith 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 Afosto tools. Pass them directly togenerateText()orstreamText()— 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.
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 Afosto transactions",
});
console.log(text);
await mcpClient.close(); Independent Platform Disclaimer: Vinkius is an independent platform and is not affiliated with, endorsed by, sponsored by, verified by, or otherwise authorized by Afosto. 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.
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 Afosto MCP in Vercel AI SDK
Use it with your favorite AI tools
Connect this server to Cursor, Claude, VS Code, and more.
Start using the Afosto MCP today
We host it, we monitor it, we maintain it. You just paste one token.