Skip to main content
AllMCPs
BrowseBestCategoriesStackCompareToolsGuidesBlog Log in Submit MCP

Stay in the loop

Get new MCP servers and top picks in your inbox.

AllMCPs

The open directory for discovering and installing Model Context Protocol servers.

Explore

  • Browse servers
  • Best MCP servers
  • Categories
  • MCP clients
  • Agent prompts
  • Stack Builder
  • Compare servers
  • Tags index
  • Submit a server
  • Pricing

Learn

  • Guides hub
  • What is MCP?
  • Install guide
  • Troubleshooting
  • Security
  • Blog
  • Blog RSS

Tools

  • All tools
  • Config generator
  • Config validator
  • MCP playground
  • OpenAPI β†’ MCP
  • Badge generator

For agents

  • API docs
  • Trust & traffic
  • llms.txt β†— (opens in a new tab)
  • Catalog JSON β†— (opens in a new tab)
  • Remote MCP β†— (opens in a new tab)

Company

  • About
  • Contact
  • X (@AllMCPs) β†— (opens in a new tab)
  • GitHub β†— (opens in a new tab)
  • Terms
  • Privacy
AllMCPs VerifiedAllMCPs VerifiedFeatured on Nick LaunchesFeatured on Nick LaunchesLaunch Llama NewsletterLaunch Llama NewsletterVerified DR - allmcps.comVerified DR - allmcps.comFeatured on SaaSGrowFeatured on SaaSGrowFeatured on Twelve ToolsFeatured on Twelve ToolsFeatured on Saaspa.geFeatured on Saaspa.geFeatured on Findly.toolsFeatured on Findly.toolsFeatured on Startup FameFeatured on Startup FameFeatured on LaunchKiwiFeatured on LaunchKiwiFeatured on ScrollLaunchFeatured on ScrollLaunchFeatured on DailyPingsFeatured on DailyPingsFazier badgeFazier badgeFeatured on NewTool.siteFeatured on NewTool.siteFeatured on saasfame.comFeatured on saasfame.comDR Checker - Domain RatingDR Checker - Domain RatingListed on Turbo0Listed on Turbo0Launched on LaunchBoard - Product Launch PlatformLaunched on LaunchBoard - Product Launch PlatformList on SimilarlabsList on Similarlabshttps://codetrendy.comhttps://codetrendy.comListed on DevTool.ioFeatured on BuildlistFeatured on BuildlistAllMCPs VerifiedAllMCPs VerifiedFeatured on Nick LaunchesFeatured on Nick LaunchesLaunch Llama NewsletterLaunch Llama NewsletterVerified DR - allmcps.comVerified DR - allmcps.comFeatured on SaaSGrowFeatured on SaaSGrowFeatured on Twelve ToolsFeatured on Twelve ToolsFeatured on Saaspa.geFeatured on Saaspa.geFeatured on Findly.toolsFeatured on Findly.toolsFeatured on Startup FameFeatured on Startup FameFeatured on LaunchKiwiFeatured on LaunchKiwiFeatured on ScrollLaunchFeatured on ScrollLaunchFeatured on DailyPingsFeatured on DailyPingsFazier badgeFazier badgeFeatured on NewTool.siteFeatured on NewTool.siteFeatured on saasfame.comFeatured on saasfame.comDR Checker - Domain RatingDR Checker - Domain RatingListed on Turbo0Listed on Turbo0Launched on LaunchBoard - Product Launch PlatformLaunched on LaunchBoard - Product Launch PlatformList on SimilarlabsList on Similarlabshttps://codetrendy.comhttps://codetrendy.comListed on DevTool.ioFeatured on BuildlistFeatured on Buildlist
Β© 2026 Jackalope Digital LLC. All rights reserved.
  1. Home
  2. πŸ’» Developer Tools
  3. Devbrother2024 Typescript Mcp Server Boilerplate
Devbrother2024 Typescript Mcp Server Boilerplate logo
Health: ActiveRecent health check succeeded.Last checked 8/10/2026, 11:03:37 PM

Devbrother2024 Typescript Mcp Server Boilerplate

Enrichment pendingWe haven’t run our AI enrichment pass on this listing yet, so the overview, use cases, and FAQ below may be sparse or missing. We work through the catalog over time β€” check back soon.
View Repository2 GitHub StarsTotal stargazers on GitHub for the source repository (2 stars).Visit Website

Kickstart development with a customizable TypeScript template featuring sample tools for greeting,…

Quick Install

Automated & IDE Setup

Copy the AI prompt to install this server into Claude Code, Cursor, or another agent β€” or use 1-click editor setup below.

Add to CursorAdd to VS Code
Manual Client & Custom JSON ConfigExpand JSON β–Ύ

Install Config Generator

Choose your client
claude_desktop_config.json
{
  "mcpServers": {
    "devbrother2024-typescript-mcp-server-boilerplate": {
      "command": "npx",
      "args": [
        "-y",
        "https://modelcontextprotocol.io/"
      ]
    }
  }
}

πŸ’‘ Paste into ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows)

Install Directory Badge Claim listing AlternativesπŸ’» More in Developer Tools

Documentation Overview

TypeScript MCP Server λ³΄μΌλŸ¬ν”Œλ ˆμ΄νŠΈ

TypeScript MCP SDKλ₯Ό ν™œμš©ν•˜μ—¬ Model Context Protocol (MCP) μ„œλ²„λ₯Ό λΉ λ₯΄κ²Œ κ°œλ°œν•  수 μžˆλŠ” λ³΄μΌλŸ¬ν”Œλ ˆμ΄νŠΈ ν”„λ‘œμ νŠΈμž…λ‹ˆλ‹€.

πŸ“ ν”„λ‘œμ νŠΈ ꡬ쑰

Code
typescript-mcp-server-boilerplate/
β”œβ”€β”€ src/
β”‚   └── index.ts          # MCP μ„œλ²„ 메인 μ§„μž…μ 
β”œβ”€β”€ build/                # 컴파일된 JavaScript 파일 (λΉŒλ“œ ν›„ 생성)
β”œβ”€β”€ package.json          # ν”„λ‘œμ νŠΈ μ˜μ‘΄μ„± 및 슀크립트
β”œβ”€β”€ tsconfig.json         # TypeScript μ„€μ •
└── README.md            # ν”„λ‘œμ νŠΈ λ¬Έμ„œ

πŸš€ μ‹œμž‘ν•˜κΈ°

1. μ˜μ‘΄μ„± μ„€μΉ˜

Terminal
npm install

2. μ„œλ²„ 이름 μ„€μ •

src/index.ts νŒŒμΌμ—μ„œ μ„œλ²„ 이름을 μˆ˜μ •ν•˜μ„Έμš”:

server.ts
const server = new McpServer({
    name: 'typescript-mcp-server', // μ—¬κΈ°λ₯Ό μ›ν•˜λŠ” μ„œλ²„ μ΄λ¦„μœΌλ‘œ λ³€κ²½
    version: '1.0.0',
    // ν™œμ„±ν™” ν•˜κ³ μž ν•˜λŠ” κΈ°λŠ₯ μ„€μ •
    capabilities: {
        tools: {},
        resources: {}
    }
})

πŸ’‘ 팁: ν˜„μž¬ λ³΄μΌλŸ¬ν”Œλ ˆμ΄νŠΈμ—λŠ” 이미 계산기와 인사 도ꡬ, 그리고 μ„œλ²„ 정보 λ¦¬μ†ŒμŠ€κ°€ μ˜ˆμ‹œλ‘œ κ΅¬ν˜„λ˜μ–΄ μžˆμŠ΅λ‹ˆλ‹€.

3. λΉŒλ“œ

Terminal
npm run build

4. μ‹€ν–‰

bash
node build/index.js

λΉŒλ“œκ°€ μ„±κ³΅ν•˜λ©΄ build/ 디렉토리에 컴파일된 JavaScript 파일이 μƒμ„±λ˜κ³ , μ„œλ²„κ°€ MCP ν΄λΌμ΄μ–ΈνŠΈμ˜ 연결을 λŒ€κΈ°ν•©λ‹ˆλ‹€.

πŸ› οΈ 개발 κ°€μ΄λ“œ

MCP 도ꡬ(Tool) μΆ”κ°€ν•˜κΈ°

MCP μ„œλ²„μ— μƒˆλ‘œμš΄ 도ꡬλ₯Ό μΆ”κ°€ν•˜λ €λ©΄ server.tool() λ©”μ„œλ“œμ— Zod μŠ€ν‚€λ§ˆλ₯Ό 직접 μ •μ˜ν•˜μ—¬ λ“±λ‘ν•©λ‹ˆλ‹€:

server.ts
import { z } from 'zod'

// 계산기 도ꡬ μΆ”κ°€
server.tool(
    'calculator',
    {
        operation: z
            .enum(['add', 'subtract', 'multiply', 'divide'])
            .describe('μˆ˜ν–‰ν•  μ—°μ‚° (add, subtract, multiply, divide)'),
        a: z.number().describe('첫 번째 숫자'),
        b: z.number().describe('두 번째 숫자')
    },
    async ({ operation, a, b }) => {
        // μ—°μ‚° μˆ˜ν–‰
        let result: number
        switch (operation) {
            case 'add':
                result = a + b
                break
            case 'subtract':
                result = a - b
                break
            case 'multiply':
                result = a * b
                break
            case 'divide':
                if (b === 0) throw new Error('0으둜 λ‚˜λˆŒ 수 μ—†μŠ΅λ‹ˆλ‹€')
                result = a / b
                break
            default:
                throw new Error('μ§€μ›ν•˜μ§€ μ•ŠλŠ” μ—°μ‚°μž…λ‹ˆλ‹€')
        }

        const operationSymbols = {
            add: '+',
            subtract: '-',
            multiply: 'Γ—',
            divide: 'Γ·'
        } as const

        const operationSymbol =
            operationSymbols[operation as keyof typeof operationSymbols]

        return {
            content: [
                {
                    type: 'text',
                    text: `${a} ${operationSymbol} ${b} = ${result}`
                }
            ]
        }
    }
)

더 λ³΅μž‘ν•œ 도ꡬ μ˜ˆμ‹œ

server.ts
// 날씨 정보 쑰회 도ꡬ
server.tool(
    'get_weather',
    {
        city: z.string().describe('날씨λ₯Ό μ‘°νšŒν•  λ„μ‹œλͺ…'),
        unit: z
            .enum(['celsius', 'fahrenheit'])
            .optional()
            .default('celsius')
            .describe('μ˜¨λ„ λ‹¨μœ„ (κΈ°λ³Έκ°’: celsius)')
    },
    async ({ city, unit }) => {
        try {
            // μ‹€μ œ 날씨 API 호좜 둜직 (μ˜ˆμ‹œ)
            const weatherData = await fetchWeatherData(city, unit)

            return {
                content: [
                    {
                        type: 'text',
                        text: `${city}의 ν˜„μž¬ 날씨:
μ˜¨λ„: ${weatherData.temperature}Β°${unit === 'celsius' ? 'C' : 'F'}
날씨: ${weatherData.condition}
μŠ΅λ„: ${weatherData.humidity}%
풍속: ${weatherData.windSpeed}km/h`
                    }
                ]
            }
        } catch (error) {
            throw new Error(
                `날씨 정보λ₯Ό κ°€μ Έμ˜¬ 수 μ—†μŠ΅λ‹ˆλ‹€: ${(error as Error).message}`
            )
        }
    }
)

// λ„μš°λ―Έ ν•¨μˆ˜
async function fetchWeatherData(city: string, unit: string) {
    // μ‹€μ œ 날씨 API 호좜 κ΅¬ν˜„
    // μ—¬κΈ°μ„œλŠ” μ˜ˆμ‹œ 데이터 λ°˜ν™˜
    return {
        temperature: unit === 'celsius' ? 22 : 72,
        condition: 'λ§‘μŒ',
        humidity: 65,
        windSpeed: 12
    }
}

λ¦¬μ†ŒμŠ€ μΆ”κ°€ν•˜κΈ°

MCP μ„œλ²„μ— λ¦¬μ†ŒμŠ€λ₯Ό μΆ”κ°€ν•˜μ—¬ μ™ΈλΆ€ λ°μ΄ν„°λ‚˜ νŒŒμΌμ— λŒ€ν•œ 접근을 μ œκ³΅ν•  수 μžˆμŠ΅λ‹ˆλ‹€:

server.ts
// λ¦¬μ†ŒμŠ€ 등둝
server.resource(
    'example-file',
    'file://example.txt',
    {
        name: 'μ˜ˆμ‹œ ν…μŠ€νŠΈ 파일',
        description: 'μ˜ˆμ‹œ ν…μŠ€νŠΈ 파일 μ„€λͺ…',
        mimeType: 'text/plain'
    },
    async () => {
        return {
            contents: [
                {
                    uri: 'file://example.txt',
                    mimeType: 'text/plain',
                    text: 'μ˜ˆμ‹œ 파일 λ‚΄μš©μž…λ‹ˆλ‹€.'
                }
            ]
        }
    }
)

// 동적 λ¦¬μ†ŒμŠ€ μ˜ˆμ‹œ
server.resource(
    'app-settings',
    'config://settings',
    {
        name: 'μ• ν”Œλ¦¬μΌ€μ΄μ…˜ μ„€μ •',
        description: 'μ• ν”Œλ¦¬μΌ€μ΄μ…˜μ˜ ν˜„μž¬ μ„€μ • 정보',
        mimeType: 'application/json'
    },
    async () => {
        const settings = {
            theme: 'dark',
            language: 'ko-KR',
            notifications: true,
            lastUpdated: new Date().toISOString()
        }

        return {
            contents: [
                {
                    uri: 'config://settings',
                    mimeType: 'application/json',
                    text: JSON.stringify(settings, null, 2)
                }
            ]
        }
    }
)

πŸ“¦ μ£Όμš” μ˜μ‘΄μ„±

  • @modelcontextprotocol/sdk: MCP ν”„λ‘œν† μ½œ κ΅¬ν˜„μ„ μœ„ν•œ 곡식 SDK
  • zod: TypeScript μš°μ„  μŠ€ν‚€λ§ˆ 검증 라이브러리
  • typescript: TypeScript 컴파일러

πŸ”§ 슀크립트

  • npm run build: TypeScriptλ₯Ό JavaScript둜 μ»΄νŒŒμΌν•˜κ³  μ‹€ν–‰ κΆŒν•œ μ„€μ •

πŸ“‹ μ‚¬μš© μ˜ˆμ‹œ

μ™„μ „ν•œ μ„œλ²„ μ˜ˆμ‹œ

server.ts
import { McpServer } from '@modelcontextprotocol/sdk/server/mcp.js'
import { StdioServerTransport } from '@modelcontextprotocol/sdk/server/stdio.js'
import { z } from 'zod'

// μ„œλ²„ 생성
const server = new McpServer({
    name: 'my-mcp-server',
    version: '1.0.0',
    capabilities: {
        tools: {},
        resources: {}
    }
})

// κ°„λ‹¨ν•œ 인사 도ꡬ
server.tool(
    'greet',
    {
        name: z.string().describe('인사할 μ‚¬λžŒμ˜ 이름'),
        language: z
            .enum(['ko', 'en'])
            .optional()
            .default('ko')
            .describe('인사 μ–Έμ–΄ (κΈ°λ³Έκ°’: ko)')
    },
    async ({ name, language }) => {
        const greeting =
            language === 'ko' ? `μ•ˆλ…•ν•˜μ„Έμš”, ${name}λ‹˜!` : `Hello, ${name}!`

        return {
            content: [
                {
                    type: 'text',
                    text: greeting
                }
            ]
        }
    }
)

// μ‹œμŠ€ν…œ 정보 λ¦¬μ†ŒμŠ€
server.resource(
    'system-info',
    'system://info',
    {
        name: 'μ‹œμŠ€ν…œ 정보',
        description: 'μ„œλ²„μ˜ ν˜„μž¬ μƒνƒœ 및 μ‹œμŠ€ν…œ 정보',
        mimeType: 'application/json'
    },
    async () => {
        const systemInfo = {
            server: 'my-mcp-server',
            version: '1.0.0',
            timestamp: new Date().toISOString(),
            uptime: process.uptime()
        }

        return {
            contents: [
                {
                    uri: 'system://info',
                    mimeType: 'application/json',
                    text: JSON.stringify(systemInfo, null, 2)
                }
            ]
        }
    }
)

// μ„œλ²„ μ‹œμž‘
async function main() {
    const transport = new StdioServerTransport()
    await server.connect(transport)
    console.error('MCP μ„œλ²„κ°€ μ‹œμž‘λ˜μ—ˆμŠ΅λ‹ˆλ‹€')
}

main().catch(console.error)

πŸ”§ Cursor MCP μ—°κ²°

κ°œλ°œν•œ MCP μ„œλ²„λ₯Ό Cursorμ—μ„œ ν…ŒμŠ€νŠΈν•  수 μžˆμŠ΅λ‹ˆλ‹€:

μ„€μ • 파일 μˆ˜μ •

./.cursor/mcp.json νŒŒμΌμ„ νŽΈμ§‘ν•©λ‹ˆλ‹€:

config.json
{
    "mcpServers": {
        "typescript-mcp-server": {
            "command": "node",
            "args": ["/ABSOLUTE/PATH/TO/YOUR/PROJECT/build/index.js"]
        }
    }
}

주의: μ ˆλŒ€ 경둜λ₯Ό μ‚¬μš©ν•΄μ•Ό ν•©λ‹ˆλ‹€. pwd λͺ…λ Ήμ–΄λ‘œ ν˜„μž¬ 경둜λ₯Ό ν™•μΈν•˜μ„Έμš”.

ν…ŒμŠ€νŠΈ λͺ…λ Ήμ–΄

Cursor MCPμ—μ„œ λ‹€μŒκ³Ό 같이 ν…ŒμŠ€νŠΈν•΄λ³Ό 수 μžˆμŠ΅λ‹ˆλ‹€:

  • "5 λ”ν•˜κΈ° 3은 μ–Όλ§ˆμ•Ό?" (계산기 도ꡬ ν…ŒμŠ€νŠΈ)
  • "μ•ˆλ…•ν•˜μ„Έμš” 라고 μΈμ‚¬ν•΄μ€˜" (인사 도ꡬ ν…ŒμŠ€νŠΈ)
  • μ„œλ²„ 정보 λ¦¬μ†ŒμŠ€ 쑰회

πŸ”— μ°Έκ³  자료

  • Model Context Protocol 곡식 λ¬Έμ„œ
  • MCP TypeScript SDK
  • Node.js MCP μ„œλ²„ 개발 κ°€μ΄λ“œ
  • Zod λ¬Έμ„œ

πŸ“„ λΌμ΄μ„ μŠ€

MIT

Related MCP Servers

View all in Developer Tools View all alternatives
  • Claude Task Master logoClaude Task Master

    AI-powered task management system for AI-driven development. Features PRD parsing, task expansion, multi-provider support (Claude, OpenAI, Gemini, Perplexity, xAI), and selective tool loading for optimized context usage.

    πŸ’» Developer Tools7 views
    Compare vs Claude Task Master β†’
  • A
    Ai Netcafe

    Compare LLM cost & latency on one prompt, translate PDF keeping layout, cited research, make PPTX

    πŸ’» Developer Tools0 views
    Compare vs Ai Netcafe β†’
  • Shadcn Ui Mcp Server logoShadcn Ui Mcp Server

    MCP server that gives AI assistants seamless access to shadcn/ui v4 components, blocks, demos, and metadata.

    πŸ’» Developer Tools2 views
    Compare vs Shadcn Ui Mcp Server β†’
  • W
    Windows MCP

    An MCP Server for computer-use in Windows OS

    πŸ’» Developer Tools1 views
    Compare vs Windows MCP β†’

Frequently Asked Questions about Devbrother2024 Typescript Mcp Server Boilerplate

Add the following block to your claude_desktop_config.json under mcpServers: "mcpServers": { "devbrother2024-typescript-mcp-server-boilerplate": { "command": "npx", "args": ["-y", "devbrother2024-typescript-mcp-server-boilerplate"] } }

AllMCPs Directory Badge

Full Badge Customizer

Showcase your server listing on GitHub or your project documentation. Embed this dynamic SVG badge to highlight official listing status and live engagement.

Badge Style:
Live Dynamic SVG PreviewDevbrother2024 Typescript Mcp Server Boilerplate AllMCPs Directory Badge
Markdown (GitHub README)
[![AllMCPs](https://allmcps.com/api/badge/devbrother2024-typescript-mcp-server-boilerplate?style=directory)](https://allmcps.com/mcp/devbrother2024-typescript-mcp-server-boilerplate)
HTML Embed
<a href="https://allmcps.com/mcp/devbrother2024-typescript-mcp-server-boilerplate"><img src="https://allmcps.com/api/badge/devbrother2024-typescript-mcp-server-boilerplate?style=directory" alt="Devbrother2024 Typescript Mcp Server Boilerplate on AllMCPs" /></a>

Technical Specs & Signals

CategoryπŸ’»Developer Tools
More technical detailsExpand β–Ύ
TransportSSE (Remote)
RuntimeNode.js
Views0
Unique ViewsTotal visits recorded for this listing page on AllMCPs.
Installs0
Installs & Copy ActionsTotal times users copied install commands or configuration snippets for this server.
GitHub stars2
GitHub Star CountTotal stargazers on GitHub representing community popularity (2 stars).
Last commit6mo ago
Last Repository CommitThe most recent commit or push recorded for this server's GitHub repository.Last commit on Feb 1, 2026
36Quality signal: Fair Β· 36/100How this signal is calculated β–Ύ
Server availabilityNot measured

Not scored for repo-hosted servers β€” we can't reach the running server, only its GitHub page. Hosted MCP endpoints are health-checked live.

Verified ownership10/20
Documentation & tools16/30
Adoption & activity1/15
Community engagement0/10

A guidance signal from public completeness & health data β€” not a user rating. New listings start lower and rise as they add docs, get verified, and grow adoption. Signals we can't observe for a listing are skipped, not counted against it.

β˜… Spotlight Slot

Feature Your MCP Server

Get maximum visibility for your server across our directory, search results, and detail pages.

Spotlight Your Server

Own this project?

This directory is pre-filled from public sources. Claim via GitHub README, site badge, or DNS TXT to get the verified badge.

Free dofollow backlink: after claiming, verify your product site and place a dofollow AllMCPs badge β€” we recheck it stays live.

Claim & get free dofollow

Share & Embed

Add our SVG badge (dark/light directory styles) or embeddable widget to your site.

Explore more

More in πŸ’» Developer Tools β†’Best MCP servers for Developers β†’Alternatives to Devbrother2024 Typescript Mcp Server Boilerplate β†’Install in Claude DesktopInstall in CursorInstall in VS Code