mcp-with-nuxt-vercel

mcp-with-nuxt-vercel

11
cloud_platformsos_automation

This project is a Nuxt application that functions as a Model Context Protocol (MCP) server, specifically designed for deployment on Vercel. It leverages the Vercel MCP Adapter to easily incorporate MCP functionalities into Nuxt projects, with installation and usage guidelines provided.

Nuxt MCP Server on Vercel

This is a simple Nuxt application that serves as a MCP server on Vercel using @vercel/mcp-adapter.

Usage

This sample app uses the Vercel MCP Adapter that allows you to drop in an MCP server on a group of routes in any Nuxt project.

Update server/routes/mcp/[transport].ts with your tools, prompts, and resources following the MCP TypeScript SDK documentation.

The MCP server is mounted on /mcp/[transport] (ex: /mcp/sse).

Setup

Make sure to install dependencies:

pnpm install

Development Server

Make sure to have Redis running locally:

redis-server

Start the development server on another terminal on http://localhost:3000:

pnpm dev

Production

Build the application for production:

pnpm build

Locally preview production build:

pnpm preview

Check out the deployment documentation for more information.

Notes for running on Vercel

  • To use the SSE transport, requires a Redis attached to the project under process.env.REDIS_URL
  • Make sure you have Fluid compute enabled for efficient execution
  • After enabling Fluid compute, open server/routes/mcp/[transport].ts and adjust maxDuration to 800 if you using a Vercel Pro or Enterprise account
  • Deploy the Nuxt MCP template

Sample Client

script/test-client.mjs contains a sample client to try invocations.

node scripts/test-client.mjs http://localhost:3000

Credits

This project is based on the Next.js MCP template.