MCP Server Boilerplate

MCP Server Boilerplate

A comprehensive Model Context Protocol server template that implements HTTP-based transport with OAuth proxy for third-party authorization servers like Auth0, enabling AI tools to securely connect while supporting Dynamic Application Registration.

Category
Visit Server

README

MCP Server Boilerplate

A comprehensive Model Context Protocol (MCP) server boilerplate built with TypeScript and Streamable HTTP transport with an OAuth Proxy for 3rd party authorization servers like Auth0.

Features

  • MCP Server implementation: HTTP-Based Streamable transport using @modelcontextprotocol/sdk with HTTP transport, session management, and tool execution.
  • OAuth authentication/3rd party authorization: Implements an OAuth server for MCP clients to process 3rd party authorization servers like Auth0, providing Dynamic Application Registration for MCP server.
  • Storage: Provide storage for MCP server to store data like OAuth sessions, tokens, etc.
  • Built-in sample tools: echo, system-time, project for demonstration.

Why this project exists?

  • The Model Context Protocol spec requires Dynamic Application Registration because it provides a standardized way for MCP clients to automatically register with new servers and obtain OAuth client IDs without user interaction. The main reason for this mechanism is because MCP clients can't know all possible services in advance and manual registration would create significant effort for users and it is not scalable. If do not support Dynamic Application Registration, then MCP clients need to provide OAuth client ID and secret to the server, which is not secure and not scalable.
  • However, enabling Dynamic Application Registration (if supported) becomes a security risk because the endpoint is a public endpoint that anyone can create OAuth clients. It can easily be abused, such as by flooding with unwanted client registrations. Hence, Auth0 has disabled Dynamic Application Registration
  • As a result, this project provides a way to enable Dynamic Application Registration for MCP server by using OAuth Proxy, but delegating authorization to 3rd party authorization server like Auth0, Github, Google, etc.

Endpoints

Endpoint Description
GET /ping Ping the server
POST /mcp MCP protocol request with authentication
DELETE /mcp Session termination
GET /.well-known/oauth-authorization-server OAuth authorization server metadata
GET /.well-known/oauth-protected-resource OAuth protected resources metadata
POST /oauth/register Register a new MCP client
GET /oauth/authorize Handle authorization request
POST /oauth/token Handle token request
POST /oauth/revoke Handle token revocation
GET /oauth/stats Get OAuth service statistics
GET /oauth/auth0-callback Handle Auth0 callback

Getting Started

Installation

  1. Clone the repository:

    git clone <your-repo>
    cd mcp-server-boilerplate
    
  2. Install dependencies:

    npm install
    
  3. Set up environment variables:

    cp .env.example .env
    
  4. Set up the MCP server for local development

    npm run dev:setup
    

Set up the MCP server for Cursor

  1. Create MCP configuration file for local build

    Create a .cursor/mcp.json file in your project directory (for project-specific setup) or ~/.cursor/mcp.json in your home directory (for global setup):

    {
      "mcpServers": {
        "mcp-server-boilerplate-cursor": {
          "type": "http",
          "url": "http://localhost:3000/mcp"
        }
      }
    }
    

Use npx @modelcontextprotocol/inspector to test the MCP server

  1. Copy mcp-config.example.json to mcp-config.json

  2. Edit mcp-config.json to point to the correct MCP server

  3. Run the inspector

    npm run docker:run
    
    # Then run the inspector
    npx @modelcontextprotocol/inspector -y --config ./mcp-config.json --server mcp-server-boilerplate-cursor
    

    or

    npm run test:inspector
    

Setup Auth0 for authorization

  1. Create a new application in Auth0

    • Go to Auth0 Dashboard
    • Click on "Applications"
    • Click on "Create Application"
      • Name: MCP Server Boilerplate
      • Application Type: Regular Web Application
    • Click on "Create"
  2. Set up the application

    • Click on "Settings"
    • Set the following settings:
      • Allowed Callback URLs: http://localhost:3000/oauth/auth0-callback
      • Allowed Web Origins: http://localhost:3000
  3. Create a new API

    • Click on "APIs"
    • Click on "Create API"
      • Name: MCP Server Boilerplate
      • Identifier: urn:mcp-server-boilerplate
      • JSON Web Token (JWT) Profile: Auth0
      • JSON Web Token (JWT) Signature Algorithm: RS256
    • Click on "Create"

Screenshots

Metadata Discovery Client Registration Preparing Authorization
Metadata Discovery Client Registration Preparing Authorization
Authorization with 3rd party server Request Authorization and acquire authorization code Token Request and Authentication Complete
Request Authorization and acquire authorization code Token Request Authentication Complete

References

Recommended Servers

playwright-mcp

playwright-mcp

A Model Context Protocol server that enables LLMs to interact with web pages through structured accessibility snapshots without requiring vision models or screenshots.

Official
Featured
TypeScript
Magic Component Platform (MCP)

Magic Component Platform (MCP)

An AI-powered tool that generates modern UI components from natural language descriptions, integrating with popular IDEs to streamline UI development workflow.

Official
Featured
Local
TypeScript
Audiense Insights MCP Server

Audiense Insights MCP Server

Enables interaction with Audiense Insights accounts via the Model Context Protocol, facilitating the extraction and analysis of marketing insights and audience data including demographics, behavior, and influencer engagement.

Official
Featured
Local
TypeScript
VeyraX MCP

VeyraX MCP

Single MCP tool to connect all your favorite tools: Gmail, Calendar and 40 more.

Official
Featured
Local
graphlit-mcp-server

graphlit-mcp-server

The Model Context Protocol (MCP) Server enables integration between MCP clients and the Graphlit service. Ingest anything from Slack to Gmail to podcast feeds, in addition to web crawling, into a Graphlit project - and then retrieve relevant contents from the MCP client.

Official
Featured
TypeScript
Kagi MCP Server

Kagi MCP Server

An MCP server that integrates Kagi search capabilities with Claude AI, enabling Claude to perform real-time web searches when answering questions that require up-to-date information.

Official
Featured
Python
E2B

E2B

Using MCP to run code via e2b.

Official
Featured
Neon Database

Neon Database

MCP server for interacting with Neon Management API and databases

Official
Featured
Exa Search

Exa Search

A Model Context Protocol (MCP) server lets AI assistants like Claude use the Exa AI Search API for web searches. This setup allows AI models to get real-time web information in a safe and controlled way.

Official
Featured
Qdrant Server

Qdrant Server

This repository is an example of how to create a MCP server for Qdrant, a vector search engine.

Official
Featured