trackmcp
Back to directory
nganiet

mcp-vercel

View on GitHub

MCP server connecting Claude to Vercel

63 stars TypeScriptServers & Infrastructure Updated Oct 16, 2025

Documentation

Vercel MCP Integration

A Model Context Protocol (MCP) integration for Vercel's REST API, providing programmatic access to Vercel deployment management through AI Assistants like Claude and Cursor.

๐Ÿ“‹ Overview Last updated: May 2025

This MCP server implements Vercel's core API endpoints as tools, enabling:

  • Deployment monitoring & management
  • Environment variable retrieval
  • Project deployment status tracking
  • Team creation and management
  • CI/CD pipeline integration

โœจ Features

Current Tools

Deployment Management

Project Management

Environment Management

Team Management

๐Ÿ›ฃ๏ธ Roadmap

  • [x] Deployment creation workflow
  • [x] Project management tools
  • [x] Team management integration (List & Create teams)
  • [x] Advanced error handling

๐Ÿ“š Tool Documentation

For detailed information about each tool, please refer to the following documentation:

๐Ÿš€ Getting Started

Prerequisites

  • Node.js 18+
  • Vercel API Token
  • MCP Client (Claude, Cursor, or other AI Assistants that support MCP)

Installation

bash
git clone [your-repo-url]
cd vercel-mcp
npm install

Configuration

1. Create `.env` file:

env
VERCEL_API_TOKEN=your_api_token_here

2. Start MCP server:

bash
npm start

๐Ÿ”— Integrating with AI Assistants

Integrating with Claude

Claude supports MCP tools via its Anthropic Console or Claude Code interface.

1. Start the MCP server locally with `npm start`

2. In Claude Code, use the `/connect` command:

code
/connect mcp --path [path-to-server]

For CLI-based servers using stdio, specify the path to the server executable

3. Claude will automatically discover the available Vercel tools

4. You can then ask Claude to perform Vercel operations, for example:

code
Please list my recent Vercel deployments using the vercel-list-all-deployments tool

5. Alternatively, you can expose the MCP server as an HTTP server with a tool like `mcp-proxy`

bash
npm install -g @modelcontextprotocol/proxy
   mcp-proxy --stdio --cmd "npm start" --port 3399

Then connect in Claude: `/connect mcp --url http://localhost:3399`

Integrating with Cursor

Cursor has built-in support for MCP tools through its extension system.

1. Start the MCP server with `npm start`

2. In Cursor, access Settings โ†’ Tools

3. Under "Model Context Protocol (MCP)", click "+ Add MCP tool"

4. Configure a new connection:

    5. Cursor will automatically discover the available Vercel tools

    6. Use Cursor's AI features to interact with your Vercel deployments by mentioning the tools in your prompts

    Programmatic Integration

    You can also use the Model Context Protocol SDK to integrate with the server programmatically in your own applications:

    javascript
    import { Client } from "@modelcontextprotocol/sdk/client";
    
    // Create an MCP client connected to a stdio transport
    const client = new Client({
      transport: "stdio",
      cmd: "npm --prefix /path/to/vercel-mcp start",
    });
    
    // Or connect to an HTTP transport
    const httpClient = new Client({
      transport: "http",
      url: "http://localhost:3399",
    });
    
    // Connect to the server
    await client.connect();
    
    // List available tools
    const { tools } = await client.listTools();
    console.log(
      "Available tools:",
      tools.map((t) => t.name)
    );
    
    // Call a tool
    const result = await client.callTool({
      name: "vercel-list-all-deployments",
      args: { limit: 5 },
    });
    
    console.log("Deployments:", result);
    
    // You can also use this in an Express server:
    app.post("/api/deployments", async (req, res) => {
      try {
        const result = await client.callTool({
          name: "vercel-list-all-deployments",
          args: req.body,
        });
        res.json(result);
      } catch (error) {
        res.status(500).json({ error: error.message });
      }
    });

    ๐Ÿ› ๏ธ Tool Usage Examples

    Here are some quick examples to get you started. For comprehensive documentation and more examples, please refer to the tool documentation.

    List Recent Deployments

    javascript
    const response = await mcpClient.callTool({
      name: "vercel-list-all-deployments",
      args: {
        limit: 5,
        target: "production",
      },
    });

    Create a New Project

    javascript
    const project = await mcpClient.callTool({
      name: "vercel-create-project",
      args: {
        name: "my-awesome-project",
        framework: "nextjs",
        teamId: "team_1a2b3c4d5e6f7g8h9i0j1k2l",
      },
    });

    Deploy from Git

    javascript
    const deployment = await mcpClient.callTool({
      name: "vercel-create-deployment",
      args: {
        project: "my-project-id",
        gitSource: {
          type: "github",
          ref: "main",
        },
      },
    });

    For more detailed examples including file deployments, environment management, and team operations, see the documentation:

    ๐Ÿณ Docker Deployment

    Build the Image

    bash
    docker build -t vercel-mcp .

    Run Container

    bash
    docker run -it --rm \
      -e VERCEL_API_TOKEN=your_token_here \
      -p 3399:3399 \
      vercel-mcp

    Production Deployment

    bash
    docker run -d \
      --name vercel-mcp \
      --restart unless-stopped \
      -e VERCEL_API_TOKEN=your_token_here \
      -p 3399:3399 \
      vercel-mcp

    Development with Live Reload

    bash
    docker build --target builder -t vercel-mcp-dev .
    docker run -it --rm \
      -e VERCEL_API_TOKEN=your_token_here \
      -p 3399:3399 \
      -v $(pwd)/src:/app/src \
      vercel-mcp-dev

    ๐Ÿ—‚๏ธ Project Structure

    code
    src/
    โ”œโ”€โ”€ constants/       # Tool definitions
    โ”œโ”€โ”€ tools/
    โ”‚   โ”œโ”€โ”€ deployments/ # Deployment handlers
    โ”‚   โ”‚   โ”œโ”€โ”€ handlers.ts
    โ”‚   โ”‚   โ”œโ”€โ”€ schema.ts
    โ”‚   โ”‚   โ””โ”€โ”€ types.ts
    โ”‚   โ””โ”€โ”€ environments/# Environment management
    โ”œโ”€โ”€ utils/          # API helpers
    โ””โ”€โ”€ index.ts         # Server entrypoint

    ๐Ÿ”ง Configuration

    Environment Variables

    VariableDescriptionRequired
    `VERCEL_API_TOKEN`Vercel access tokenYes

    ๐Ÿค Contributing

    1. Fork the repository

    2. Create feature branch (`git checkout -b feature/amazing-feature`)

    3. Commit changes (`git commit -m 'Add amazing feature'`)

    4. Push to branch (`git push origin feature/amazing-feature`)

    5. Open Pull Request

    ๐Ÿ“„ License

    MIT License - see LICENSE for details

    Frequently asked questions

    What is mcp-vercel?

    mcp-vercel is MCP server connecting Claude to Vercel

    How do I install mcp-vercel?

    Open the GitHub repository and follow its README. Most MCP servers are added to your client's MCP config, then called by your agent.

    Is mcp-vercel open source?

    Yes โ€” it is hosted on GitHub at https://github.com/nganiet/mcp-vercel and has 63 stars.

    Related MCP tools

    Run your own MCP server? See who uses it and what to fix.

    Measure it with TrackMCP