⏺ webmcp-ai.dev

Guides

WebMCP, on your platform.

The spec is the same everywhere; the wiring isn't. Practical, code-first guides for the stacks that run most of the web.

guide

WebMCP for Shopify

Expose product search, cart, and order tools from a Shopify storefront — theme setup, Storefront API wiring, and origin-trial registration.

Read →

guide

WebMCP for WordPress

Add WebMCP tools to a WordPress or WooCommerce site: enqueueing the script, wrapping REST endpoints, and the declarative form path.

Read →

guide

WebMCP for Next.js & React

The App Router pattern Vercel uses: a Client Component registers tools, Server Actions run them, the root layout serves the origin-trial token.

Read →

guide

WebMCP tools backed by Server Actions

Strict Zod re-validation, authorization inside the action, output budgets, and a two-call confirm step for bookings and checkout.

Read →

guide

Next.js WebMCP troubleshooting

Fourteen failures with causes and fixes: modelContext undefined, StrictMode duplicates, AbortError, tool leaks, missing Origin-Trial headers, ChatGPT limits.

Read →