MCP example Netlify Express

by lutfi-haslab

142 downloads
Not rated
GitHub

About

![Netlify Examples](https://github.com/netlify/examples/assets/5865/4145aa2f-b915-404f-af02-deacee24f7bf) # MCP example Netlify Express **View this demo site**: https://mcp-example-express.netlify.app/ [![Netlify…

Details

Author
lutfi-haslab
Downloads
142
Categories
Cloud Service

- Demonstrates serverless MCP with Netlify Functions and Express
- Includes links to a deployed serverless function
- Shows access via a customized URL using redirects
- One-click deploy to your own Netlify account
- Local development with netlify dev
- Testable with the MCP inspector

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:

  1. Download and install Highlight from highlightai.com/download
  2. Navigate to the plugins tab and select "Add Custom Plugin"
  3. Configure the plugin with the settings below
    Plugin Name MCP example Netlify Express
    Command (node, npx, python, etc.)

    Please refer to the README for specific instructions on how to obtain API keys or other required environment variables.

  4. Enable "Start Automatically" if you want the plugin to start when Highlight launches

From the repository

You can deploy your own version by clicking the "Deploy to Netlify" button, which clones the example, creates a Netlify project, and sets up an automated deployment pipeline. To run locally, clone the examples repository, install the Netlify CLI, run netlify dev in the examples/mcp/express-mcp directory, and then test using the MCP inspector with npx @modelcontextprotocol/inspector npx mcp-remote@next http://localhost:8888/mcp.

Claude Desktop / Cursor

Paste into your MCP client config file to install this server.

{
    "mcpServers": {
        "mcp example netlify express": {
            "mcp-server-netlify": {
                "command": "npx",
                "args": [
                    "@modelcontextprotocol/inspector",
                    "npx",
                    "mcp-remote@next",
                    "http://localhost:8888/mcp"
                ]
            }
        }
    }
}

McpServers

{
    "mcp-server-netlify": {
        "command": "npx",
        "args": [
            "@modelcontextprotocol/inspector",
            "npx",
            "mcp-remote@next",
            "http://localhost:8888/mcp"
        ]
    }
}

MCP example Netlify Express

View this demo site: https://mcp-example-express.netlify.app/

Netlify Status

About this example site

This site shows a very a basic example of developing and running serverless MCP using Netlify Functions. It includes links to a deployed serverless function and an example of accessing the function using a customized URL.

- Model Context Protocol (MCP)
- Docs: Netlify Functions
- Agent Experience (AX)

Importantly, because of how Express handles mapping routes, ensure you set the netlify.toml redirects to the correct path. In this example we have the following to ensure <domain>/mcp catches all of the requests to this server:

[[redirects]]
  force = true
  from = "/mcp"
  status = 200
  to = "/.netlify/functions/express-mcp-server"

Speedily deploy your own version

Deploy your own version of this example site, by clicking the Deploy to Netlify Button below. This will automatically:

- Clone a copy of this example from the examples repo to your own GitHub account
- Create a new project in your Netlify account, linked to your new repo
- Create an automated deployment pipeline to watch for changes on your repo
- Build and deploy your new site
- This repo can then be used to iterate on locally using netlify dev

Deploy to Netlify

Install and run the examples locally

You can clone this entire examples repo to explore this and other examples, and to run them locally.

```shell

No reviews yet — be the first

Sign in to leave a review

Use Google, GitHub, or an email account so ratings stay tied to real people.

Email sign in

No reviews posted yet.