MCP Servers

A collection of Model Context Protocol servers, templates, tools and more.

V
Vercel Ai MCP Client

Model Context Protocol Client with Vercel AI on Nextjs App Router

Created 2/21/2025
Updated about 1 year ago
Repository documentation and setup instructions

This is an example implementation of the Model Context Protocol SDK's client code with the Vercel AI SDK which simplifies handling an LLM chat in the browser. Check out how to make your own mcp servers quick here

How It Works

  1. Connect to an MCP server with SSE through the UI ( you can learn more about creating mcp servers with SSE)
  2. The system automatically discovers available tools
  3. Ask it to use the tool

Getting Started

# Install dependencies
npm install

# Run the development server
npm run dev

Then go to http://localhost:3000

Quick Setup
Installation guide for this server

Install Package (if required)

npx vercel-ai-mcp-client

Cursor configuration (mcp.json)

{ "mcpServers": { "quantgeekdev-vercel-ai-mcp-client": { "command": "npx", "args": [ "vercel-ai-mcp-client" ] } } }