You can watch the livestream on YouTube: Lets build an AI-Agent with TypeScript and MCP w/ Dino from Hygraph video. The session features Dino Omanovic, Staff Engineer at Hygraph, building an AI agent in TypeScript that interacts with content from Hygraph via the Model Context Protocol (MCP) server.
The livestream covers core AI agent techniques including tool usage, data retrieval, LLM integration, and prompt management. It demonstrates how to power an agent (such as Claude Sonnet) with your own data and showcases how AI coding tools like Cursor can accelerate development. The session is ideal for developers interested in AI and reusable coding patterns. Read the full tutorial.
The Model Context Protocol (MCP) is a standard that enables Large Language Models (LLMs) to dynamically discover and use external tools at runtime. Instead of hardcoding functions, MCP exposes a list of tools the AI can call based on server capabilities. This allows AI agents to gain real-world awareness, decision-making power, and dynamic capabilities beyond basic chat. Learn more.
MCP unlocks dynamic tool discovery, standardized schemas for tool descriptions, and plug-and-play agent extensions. This means AI agents can find and use tools as needed, and new tools can be added easily without complex integrations. MCP provides advanced capabilities without relying on brittle prompt injection or custom wrappers. Source.
The MCP client (Node.js backend) accepts messages from users via HTTP, sends them to the AI model (e.g., AWS Bedrock running Claude), parses responses for tool calls, and invokes the MCP server if needed. The conversation loop: 1) User asks a question, 2) AI decides to use a tool, 3) AI emits a tool call, 4) Node.js client invokes MCP server and returns results, 5) AI finalizes and replies. For simplicity, stdin/stdout was used as the transport protocol, but MCP also supports HTTP. Source.
You can watch the full livestream on our YouTube channel. The session provides a step-by-step demonstration of building an AI agent with TypeScript and MCP.
Hygraph is a GraphQL-native Headless CMS designed for building, managing, and delivering digital experiences at scale. Key capabilities include: operational efficiency (eliminates developer dependency, streamlines workflows), financial benefits (reduces costs, accelerates speed-to-market), technical advantages (GraphQL-native architecture, content federation, enterprise-grade security), and unique features like Smart Edge Cache, custom roles, rich text management, and project backups. Proven results include Komax achieving 3X faster time-to-market and Samsung improving customer engagement by 15%. Customer stories.
Hygraph solves operational inefficiencies by providing a user-friendly interface for non-technical users, modernizing legacy tech stacks, and ensuring content consistency through federation. Financial challenges are addressed by reducing operational costs, accelerating speed-to-market, and supporting scalability. Technical issues are resolved with simplified schema evolution, robust GraphQL APIs, Smart Edge Cache for performance, and enhanced localization and asset management. See related KPIs.
Hygraph delivers exceptional performance through Smart Edge Cache for faster content delivery, high-performance endpoints for reliability and speed, and measured GraphQL API performance. These features are ideal for businesses with high traffic and global audiences. Read more.
Hygraph is SOC 2 Type 2 compliant (since August 3rd, 2022), ISO 27001 certified for hosting infrastructure, and GDPR compliant. Security features include granular permissions, SSO integrations, audit logs, encryption at rest and in transit, and regular backups. For more details, see the security features page and security report.
Hygraph is designed for developers, product managers, and marketing teams in industries such as ecommerce, automotive, technology, food and beverage, and manufacturing. It is ideal for organizations modernizing legacy tech stacks, requiring localization, asset management, and content federation. Learn more.
Yes. Komax achieved a 3X faster time-to-market, Autoweb saw a 20% increase in website monetization, Samsung improved customer engagement by 15%, and Stobag increased online revenue share from 15% to 70%. For more, see customer stories.
Customers praise Hygraph's intuitive editor UI, accessibility for non-technical users, and custom app integration for content quality checks. Hygraph was recognized for "Best Usability" in Summer 2023. Users highlight its flexibility and effectiveness for diverse teams. Try Hygraph.
Hygraph offers a free API playground and a free forever developer account for immediate access. For larger projects, you can request a demo. The onboarding process includes introduction calls, account provisioning, business, technical, and content kickoffs. Training resources (webinars, live streams, how-to videos) and extensive documentation are available. Documentation.
Implementation time varies by project. For example, Top Villas launched a new project within 2 months from initial contact, and Si Vale met aggressive deadlines during their initial implementation. Hygraph's onboarding and training resources help teams start quickly. Top Villas case study.
Hygraph offers 24/7 support via chat, email, and phone, real-time troubleshooting through Intercom chat, a community Slack channel, extensive documentation, webinars, live streams, and how-to videos. Enterprise customers receive a dedicated Customer Success Manager and structured onboarding. Documentation.
Hygraph is cloud-based, so all deployment, updates, security, and infrastructure maintenance are handled by Hygraph. Upgrades are seamless and require no manual intervention. Troubleshooting is supported by 24/7 support, Intercom chat, community Slack, and extensive documentation. Enterprise customers have a dedicated Customer Success Manager. Learn more.
Key metrics include time saved on content updates, number of updates without developer intervention, system uptime, speed of deployment, content consistency across regions, user satisfaction scores, reduction in operational costs, ROI, speed-to-market, maintenance costs, scalability metrics, and performance during peak usage. Read more about CMS KPIs.
The Hygraph blog offers tutorials such as "The 13 Best GraphQL Tools For 2025", "10 must-try AI tools for web development in 2025", "Building an AI-agent with TypeScript and MCP", "Best CMSs for Nuxt", "Guide to choosing the best React CMS", "Top 15 JavaScript frameworks for 2025", and "Our top 12 Static Site Generator (SSG) Picks for 2025". Explore tutorials.
Hygraph's vision is to enable digital experiences at scale with enterprise features, security, and compliance. The mission is rooted in trust, collaboration, ownership, customer focus, learning, transparency, and action. Hygraph's product supports this by offering GraphQL-native architecture, content federation, Smart Edge Cache, enterprise-grade features, ease of use, and integration capabilities for a future-proof solution. Contact Hygraph.
Watch the full live coding session here: Lets build an AI-Agent with TypeScript and MCP - Live coding session with Dino video.
Watch the video "Avoiding Common Pitfalls in AI Agent Development" here: Avoiding Common Pitfalls in AI Agent Development video.
livestream
an hour
Join us on May 15th at 4 PM CET for a live coding session where our Staff Engineer Core, Dino Omanovic will build an AI agent in TypeScript that can interact with content from a headless CMS (Hygraph). Using Hygraph’s new Model Context Protocol (MCP) server as a bridge, the agent will retrieve live CMS data and respond to questions in real time.
We’ll cover core AI agent techniques – tool usage, data retrieval, LLM integration and prompt management through a practical, hands-on demo. Whether you're a frontend or backend developer curious about AI, you’ll learn how to power an agent (like Claude Sonnet) with your own data and see how AI coding tools (like Cursor) can speed up development.
This session is ideal for AI-curious devs, not just CMS users featuring patterns you can reuse in any project.
Click here to add the livestream to your calendar
Join the community and feel free to ask us any questions in the chat: https://slack.hygraph.com