Nuxt MCP Server on Vercel
About
Example of creating a MCP server with Nuxt / Nitro.
Details
- Author
- atinux
- GitHub stars
- 17
- Downloads
- 418
- Categories
- Cloud Service
Jump to
- Uses Streamable HTTP Server Transport
- MCP server mounted on /mcp route
- Includes sample client script for testing
- Deployable to Vercel with Fluid compute
- Built with the Nuxt framework
- Customizable via server/routes/mcp.ts
Setting up with Highlight
This MCP is not yet compatible with Highlight’s one-click setup. However, you can still use it with Highlight by following these steps:
- Download and install Highlight from highlightai.com/download
- Navigate to the plugins tab and select "Add Custom Plugin"
-
Configure the plugin with the settings below
Plugin Name
Nuxt MCP Server on VercelCommand (node, npx, python, etc.)Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.
- Enable "Start Automatically" if you want the plugin to start when Highlight launches
From the repository
Install dependencies with pnpm install, then start a development server with pnpm dev on http://localhost:3000. For production, build with pnpm build and deploy to Vercel with Fluid compute enabled. Customize the server by editing server/routes/mcp.ts to define tools, prompts, and resources.
Claude Desktop / Cursor
Paste into your MCP client config file to install this server.
{
"mcpServers": {
"nuxt mcp server on vercel": {
"mcp-with-nuxt-vercel": {
"command": "node",
"args": [
"scripts/test-client.mjs",
"http://localhost:3000"
]
}
}
}
}McpServers
{
"mcp-with-nuxt-vercel": {
"command": "node",
"args": [
"scripts/test-client.mjs",
"http://localhost:3000"
]
}
}Nuxt MCP Server Template
This is a simple Nuxt application that serves as a MCP server using the Streamable HTTP Server Transport.
Update server/routes/mcp.ts with your tools, prompts, and resources following the mcp-handler documentation.
The MCP server is mounted on /mcp.
Setup
Make sure to install dependencies:
pnpm install
Development 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
Make sure you have Fluid compute enabled for efficient execution
Sample Client
script/test-client.mjs contains a sample client to try invocations.
node scripts/test-client.mjs http://localhost:3000
Sign in to leave a review
Use Google, GitHub, or an email account so ratings stay tied to real people.
No reviews posted yet.
