Happy slice of mcp pizzaMCP.pizza
Fire in da houseTop Tip:Paying $100+ per month for Perplexity, MidJourney, Runway, ChatGPT and other tools is crazy - get all your AI tools in one site starting at $15 per month with Galaxy AI Fire in da houseCheck it out free

mcp-with-nuxt-vercel

MCP.Pizza Chef: atinux

mcp-with-nuxt-vercel is a sample MCP server built using the Nuxt framework and deployed on Vercel. It leverages the @vercel/mcp-adapter to integrate MCP server capabilities into Nuxt routes, enabling developers to add tools, prompts, and resources easily. The server supports real-time context handling and requires Redis for local development. It is designed as a practical example for building scalable MCP servers with modern web frameworks and cloud deployment.

Use This MCP server To

Deploy MCP server routes within a Nuxt application on Vercel Integrate real-time context and tool management in Nuxt projects Use Redis for state management in MCP server development Customize MCP server endpoints with TypeScript SDK in Nuxt Host scalable MCP servers with serverless Vercel infrastructure

README

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.

mcp-with-nuxt-vercel FAQ

How do I set up the mcp-with-nuxt-vercel server locally?
Install dependencies with pnpm, run Redis locally, then start the Nuxt dev server on http://localhost:3000.
What is the role of Redis in this MCP server?
Redis is used for local state management and caching to support real-time MCP interactions.
How do I customize the MCP server routes?
Update the server/routes/mcp/[transport].ts file with your tools, prompts, and resources using the MCP TypeScript SDK.
Can this MCP server be deployed on platforms other than Vercel?
While optimized for Vercel, the Nuxt MCP server can be adapted for other Node.js hosting environments with minor changes.
What MCP adapter does this server use?
It uses the @vercel/mcp-adapter to integrate MCP server functionality into Nuxt routes.
Is this MCP server compatible with multiple LLM providers?
Yes, it supports provider-agnostic MCP interactions compatible with OpenAI, Claude, Gemini, and others.
How do I build and preview the production version?
Use pnpm build to compile and pnpm preview to locally preview the production build.
Does this example include built-in security features?
Security depends on your implementation, but MCP principles encourage scoped and observable model interactions.