agentfront/frontmcp
TypeScript-first framework for the Model Context Protocol (MCP). You write clean, typed code; FrontMCP handles the protocol, transport, DI, session/auth, and execution flow.
Platform-specific configuration:
{
"mcpServers": {
"frontmcp": {
"command": "npx",
"args": [
"-y",
"frontmcp"
]
}
}
}Add the config above to .claude/settings.json under the mcpServers key.
<div align="center">
<picture> <source width="400" media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/agentfront/frontmcp/refs/heads/main/docs/assets/logo/frontmcp.dark.svg"> <source width="400" media="(prefers-color-scheme: light)" srcset="https://raw.githubusercontent.com/agentfront/frontmcp/refs/heads/main/docs/assets/logo/frontmcp.light.svg"> </picture> <hr>
The TypeScript way to build MCP servers with decorators, DI, and Streamable HTTP.
[](https://www.npmjs.com/package/@frontmcp/sdk) [](https://nodejs.org) [](https://github.com/agentfront/frontmcp/blob/main/LICENSE) [](https://snyk.io/test/github/agentfront/frontmcp)
[Docs][docs-home] • [Quickstart][docs-quickstart] • [API Reference][docs-sdk-ref] • Discord
</div>
---
FrontMCP is a TypeScript-first framework for the Model Context Protocol (MCP). You write clean, typed code; FrontMCP handles the protocol, transport, DI, session/auth, and execution flow.
import 'reflect-metadata';
import { FrontMcp, LogLevel } from '@frontmcp/sdk';
import HelloApp from './hello.app';
@FrontMcp({
info: { name: 'Demo', version: '0.1.0' },
apps: [HelloApp],
http: { port: 3000 },
logging: { level: LogLevel.Info },
})
export default class Server {}Node.js 22+ required (24 recommended).
# New project (recommended)
npx frontmcp create my-app
# Existing project
npm i -D frontmcp @types/node@^22
npx frontmcp inLoading reviews...