Examples & templates
Quickstart guides and examples to get you started with xmcp with real-world implementations and best practices.
Filter by Category
Next.js with Auth
A Next.js application with xmcp and authentication handler
auth0-http-example
HTTP-based xmcp server with Auth0 authentication
HTTP with Better Auth
HTTP-based xmcp server with better-auth integration
Next.js with Better Auth
Next.js app with xmcp and better-auth integration
HTTP with Clerk
HTTP-based xmcp server with Clerk authentication
cloudflare-workers-example
Example xmcp server deployed to Cloudflare Workers
Custom Webpack Config
Customize webpack configuration for xmcp builds
Custom Paths
Configure custom file paths for xmcp tools and prompts directories
Ext apps React
Learn how to set up an xmcp server using ext-apps widgets using React and single tool handlers
External Clients
Learn how to use external clients in xmcp
Request Headers
Access and utilize HTTP request headers in xmcp tool calls
HTTP Transport
Learn how to set up an xmcp server using HTTP transport
MCP App React CSS Modules
Learn how to set up an xmcp server using MCP app widgets with React + CSS modules and single tool handlers
MCP App React Tailwind
Learn how to set up an xmcp server using MCP app widgets with React + Tailwind and single tool handlers
MCP App React
Learn how to set up an xmcp server using MCP app widgets with React and single tool handlers
mcp-ui
Learn how to set up an xmcp server that serves UI resources with MCP-UI
API Key Middleware
Secure your xmcp server with API key authentication middleware
Middleware Array
Chain multiple middlewares together in xmcp servers
Custom Middleware
Create custom middleware functions for xmcp servers
JWT Middleware
Implement JWT token validation middleware for xmcp servers
polar-http
An xmcp server with tool paywalled by Polar
STDIO Transport
Build a command-line xmcp server using STDIO transport
Template Config
Modify the template config in the xmcp.config.ts file.
Express with Adapter
Build a Node.js Express server with xmcp's adapter
with-nestjs
Basic NestJS server with xmcp's adapter - No authentication
Next.js with Adapter & AI SDK tool registry injection
Integrate xmcp into a Next.js application using the adapter and inject the tool registry into the AI SDK
Next.js with Adapter
Integrate xmcp into a Next.js application using the adapter
workos-http-example
HTTP-based xmcp server with WorkOS AuthKit integration
paid-http-transport
Example of x402 paid tools with xmcp HTTP transport