Serves as a foundation for the MCP server, allowing it to be integrated into any Nuxt project with custom routes
Required for using the SSE transport in production, serving as the backing store for message handling
Provides type definitions and SDK support for building MCP tools, prompts, and resources
Enables deployment of the MCP server on Vercel's infrastructure with Fluid compute capabilities for efficient execution
Click on "Install Server".
Wait a few minutes for the server to deploy. Once ready, it will show a "Started" state.
In the chat, type
@followed by the MCP server name and your instructions, e.g., "@Nuxt MCP Server on Vercelcreate a new tool to fetch user profile data from our API"
That's it! The server will respond to your query, and you can continue using it as needed.
Here is a step-by-step guide with screenshots.
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:
Related MCP server: Example Next.js MCP Server
Development Server
Start the development server on another terminal on http://localhost:3000:
Production
Build the application for production:
Locally preview production build:
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.