AI Chatbot for Headless Commerce
API-first AI chat for modern headless storefronts
Vatdi provides an API-first AI chatbot built for headless commerce architectures. Whether you use Next.js, Nuxt, Gatsby, or a custom frontend, Vatdi integrates via REST API or lightweight JavaScript embed while syncing with your headless CMS and commerce backend in real time.
How It Works
Connect Your Commerce Backend
Authenticate your headless commerce platform via API in the Vatdi dashboard so the chatbot has access to live product data.
Choose Your Integration Method
Use the JavaScript embed for quick deployment or build a custom chat UI using the Vatdi REST API and SSE streaming.
Deploy Across Your Storefront
Add the integration to your frontend build pipeline. The chatbot loads on every page with product-aware, contextual responses.
Framework-Agnostic Integration
Vatdi works with any frontend framework. Use the JavaScript embed for quick deployment or the REST API with server-sent events for fully custom chat interfaces. React, Vue, and Svelte component examples are available in the documentation.
Commerce Backend Sync
Connect your headless commerce backend (Shopify Storefront API, Commercetools, Saleor, Medusa) so the chatbot can answer product, pricing, and inventory questions with live data. Sync happens via API so there is no dependency on any specific frontend stack.
Edge-Ready Performance
Vatdi responses are served from edge nodes globally for minimal latency. The embed script is CDN-hosted and under 40 KB. For SSR frameworks, the widget hydrates client-side after initial render without layout shift.
Frequently Asked Questions
Yes. You can use the JavaScript embed in _app.tsx or build a custom chat component using the REST API. A Next.js example project is available in the docs.
Yes. Connect your CMS content via URL crawling or API sync. Vatdi indexes the content and uses it to answer visitor questions.
Yes. Vatdi provides an official React component wrapper for the embed widget with TypeScript definitions and props for all configuration options.
No. The embed loads asynchronously and defers initialization until after page interaction. It has zero impact on LCP, FID, and CLS.
Yes. The JavaScript embed works in any Remix or React-based framework including Shopify Hydrogen with no special configuration.
Add AI Chat to Your Headless Store
API-first integration that works with any framework and any commerce backend.