MCP TypeScript Server Template

MCP TypeScript Server Template

A template repository for building Model Context Protocol (MCP) servers with TypeScript, featuring full TypeScript support, testing setup, CI/CD pipelines, and modular architecture for easy extension.

Category
Visit Server

README

MCP MCP Server

An MCP (Model Context Protocol) server implementation with TypeScript.

GitHub

Features

  • 🚀 Full TypeScript support with strict mode
  • 🧪 Testing setup with Vitest and coverage reporting
  • 📦 Automated releases with semantic-release
  • 🔄 CI/CD pipelines with GitHub Actions
  • 🏗️ Modular architecture for easy extension
  • 📝 Comprehensive documentation and examples
  • 🛠️ Development tools: Biome for linting/formatting, Husky for Git hooks
  • 🎯 Pre-configured for MCP server development
  • 🔐 Built-in validation using Zod schemas
  • ⚡ ES modules with native Node.js support
  • 📊 Code coverage reporting with c8

MCP Servers Built with This Template

Here are some MCP servers built using this template:

Wayback Machine MCP

GitHub npm version npm downloads

Archive and retrieve web pages using the Internet Archive's Wayback Machine. No API keys required.

OpenAlex MCP

GitHub npm version npm downloads

Access scholarly articles and research data from the OpenAlex database.


Building an MCP server? Use this template and add your server to this list!

Quick Start

Using GitHub Template

  1. Click "Use this template" button on GitHub
  2. Clone your new repository
  3. Install dependencies: yarn install
  4. Start development: yarn dev

Manual Setup

# Clone the template
git clone https://github.com/Mearman/mcp-template.git my-mcp-server
cd my-mcp-server

# Install dependencies
yarn install

# Start development
yarn dev

Project Structure

src/
├── index.ts          # MCP server entry point
├── tools/            # Tool implementations
│   ├── example.ts    # Example tool
│   └── *.test.ts     # Tool tests
├── utils/            # Shared utilities
│   ├── validation.ts # Input validation helpers
│   └── *.test.ts     # Utility tests
└── types.ts          # TypeScript type definitions

# Configuration files
├── .github/workflows/  # CI/CD pipelines
├── .husky/            # Git hooks
├── biome.json         # Linter/formatter config
├── tsconfig.json      # TypeScript config
├── vitest.config.ts   # Test runner config
└── .releaserc.json    # Semantic release config

Development

Available Commands

# Install dependencies
yarn install

# Development with hot reload
yarn dev

# Build TypeScript to JavaScript
yarn build

# Run production build
yarn start

# Run tests
yarn test

# Run tests in watch mode
yarn test:watch

# Run tests with coverage report
yarn test:ci

# Lint code
yarn lint

# Auto-fix linting issues
yarn lint:fix

# Format code
yarn format

Development Workflow

  1. Start development: yarn dev - Runs the server with hot reload
  2. Write tests: Add .test.ts files alongside your code
  3. Run tests: yarn test:watch - Keep tests running while you code
  4. Lint/format: Automatic on commit via Husky hooks

Creating Your MCP Server

1. Define Your Tools

Create tool implementations in src/tools/:

// src/tools/my-tool.ts
import { z } from 'zod';

const MyToolSchema = z.object({
  input: z.string().describe('Tool input'),
});

export async function myTool(args: unknown) {
  const { input } = MyToolSchema.parse(args);
  
  // Tool implementation
  return {
    success: true,
    result: `Processed: ${input}`,
  };
}

2. Register Tools in Server

Update src/index.ts to register your tools:

server.setRequestHandler(ListToolsRequestSchema, async () => ({
  tools: [
    {
      name: 'my_tool',
      description: 'Description of what my tool does',
      inputSchema: zodToJsonSchema(MyToolSchema),
    },
  ],
}));

server.setRequestHandler(CallToolRequestSchema, async (request) => {
  switch (request.params.name) {
    case 'my_tool':
      return await myTool(request.params.arguments);
    default:
      throw new Error(`Unknown tool: ${request.params.name}`);
  }
});

3. Configure for Claude Desktop

Add to claude_desktop_config.json:

{
  "mcpServers": {
    "my-mcp-server": {
      "command": "node",
      "args": ["/path/to/my-mcp-server/dist/index.js"],
      "env": {}
    }
  }
}

Testing

Write tests for your tools in src/tools/*.test.ts:

import { describe, it, expect } from 'vitest';
import { myTool } from './my-tool';

describe('myTool', () => {
  it('should process input correctly', async () => {
    const result = await myTool({ input: 'test' });
    expect(result.success).toBe(true);
    expect(result.result).toBe('Processed: test');
  });
});

Publishing

NPM Package

  1. Update package.json with your package details:

    • name: Your package name (e.g., mcp-your-server)
    • description: Clear description of what your server does
    • keywords: Add relevant keywords for discoverability
    • author: Your name or organization
    • repository: Your GitHub repository URL
  2. Build the project:

    yarn build
    
  3. Test the build locally:

    yarn start
    
  4. Publish to npm:

    npm publish
    

Automated Releases

This template includes semantic-release for automated versioning and publishing:

  1. Follow conventional commits
  2. Push to main branch
  3. CI/CD will automatically:
    • Determine version bump
    • Update CHANGELOG.md
    • Create GitHub release
    • Publish to npm (if NPM_TOKEN secret is configured)

Note: NPM publishing is optional. If you don't want to publish to npm, simply don't add the NPM_TOKEN secret to your repository. The release process will still create GitHub releases.

Best Practices

  1. Input Validation: Always validate tool inputs using Zod schemas
  2. Error Handling: Provide clear error messages for debugging
  3. Testing: Write comprehensive tests for all tools
  4. Documentation: Document each tool's purpose and usage
  5. Type Safety: Leverage TypeScript's type system fully
  6. Modular Design: Keep tools focused on single responsibilities
  7. Async/Await: Use modern async patterns for all I/O operations
  8. Environment Variables: Use .env files for configuration (never commit secrets)

Adding CLI Support

To add CLI functionality to your MCP server (like the Wayback Machine example):

  1. Install Commander.js:

    yarn add commander chalk ora
    
  2. Create src/cli.ts:

    import { Command } from 'commander';
    import chalk from 'chalk';
    
    export function createCLI() {
      const program = new Command();
      
      program
        .name('your-tool')
        .description('Your MCP server as a CLI')
        .version('1.0.0');
        
      // Add commands here
      
      return program;
    }
    
  3. Update src/index.ts to detect CLI mode:

    async function main() {
      const isCliMode = process.stdin.isTTY || process.argv.length > 2;
      
      if (isCliMode && process.argv.length > 2) {
        const { createCLI } = await import('./cli.js');
        const program = createCLI();
        await program.parseAsync(process.argv);
      } else {
        // MCP server mode
        const transport = new StdioServerTransport();
        await server.connect(transport);
      }
    }
    
  4. Add bin entry to package.json:

    "bin": {
      "your-tool": "dist/index.js"
    }
    

License

CC BY-NC-SA 4.0

This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.

Maintaining Your MCP Server

Template Updates

This template includes scripts to help you merge updates from the template into your derived MCP server:

  1. Merge Updates: Use scripts/merge-template-updates.sh to selectively merge template improvements while preserving your customizations.

  2. Analyze Differences: Use scripts/analyze-template-diff.sh to understand what has changed between your server and the template.

See scripts/README.md for detailed documentation on using these maintenance scripts.

Installing Scripts in Existing Projects

If you created your MCP server before these scripts were added:

# From mcp-template directory
./scripts/install-scripts.sh ../path-to-your-mcp-server

Contributing

Contributions are welcome! Please read our contributing guidelines and submit pull requests to our repository.

Troubleshooting

Common Issues

  1. Build errors: Ensure all dependencies are installed with yarn install
  2. Type errors: Run npx tsc --noEmit to check TypeScript types
  3. Test failures: Check test files are named *.test.ts
  4. Claude Desktop connection: Verify the path in your config is absolute

Debug Mode

To see detailed logs when running as an MCP server:

DEBUG=* node dist/index.js

Resources

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