Examples

Explore real-world examples of the Model Context Protocol in action.

Chat with MCP Tools
Build a chat interface that uses MCP tools

A complete example of a Next.js chat application that uses MCP tools to enhance the AI's capabilities with database access, API calls, and more.

Database Query Assistant
Natural language database queries with MCP

An example showing how to use MCP to create a natural language interface for querying databases, with support for SQL generation and execution.

Multi-Tool Dashboard
Combine multiple MCP tools in a dashboard

A dashboard application that combines multiple MCP tools to create a powerful AI assistant that can perform various tasks through a unified interface.

Featured Examples

Our most popular and comprehensive examples

Full-Stack MCP Application
A complete example of a full-stack application using MCP

This comprehensive example demonstrates how to build a complete full-stack application using MCP, including a custom MCP server, multiple tools, and a Next.js frontend with AI SDK integration [^1][^3].

Features

  • • Custom MCP server implementation
  • • Multiple tool integrations (database, API, etc.)
  • • Next.js frontend with AI SDK
  • • Error handling and logging
  • • Authentication and authorization

Technologies

  • • Next.js App Router
  • • AI SDK with OpenAI integration
  • • Node.js for MCP server
  • • PostgreSQL for database
  • • TypeScript for type safety