My First MCP

This is a Next.js project bootstrapped with create-next-app.

My First MCP Implementation

This project demonstrates a basic implementation of Model Context Protocol (MCP) using Next.js and the Vercel MCP adapter.

Features

• Weather Tool: A simple tool that provides weather information for any city

• MCP Integration: Uses @vercel/mcp-adapter for seamless MCP implementation

• Next.js App Router: Built with the latest Next.js App Router pattern

Related MCP server: Example Next.js MCP Server

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

MCP Endpoints

• /mcp - HTTP endpoint for MCP communication

• /sse - Server-Sent Events endpoint for streaming

Learn More

To learn more about Next.js and MCP, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.

• Model Context Protocol - learn about MCP specification.

• Vercel MCP Adapter - MCP adapter for Vercel.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.