mcp-with-nuxt-vercel
If you are the rightful owner of mcp-with-nuxt-vercel and would like to certify it and/or have it hosted online, please leave a comment on the right or send an email to henry@mcphub.com.
Nuxt MCP Server on Vercel is a simple Nuxt application that serves as a Model Context Protocol (MCP) server using the Vercel MCP Adapter.
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].tsand adjustmaxDurationto 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.
