Back to Agentic

TypeScript ModelFetch

docs/publishing/guides/ts-modelfetch.mdx

8.4.42.4 KB
Original Source

ModelFetch is a delightful TypeScript/JavaScript SDK for building and deploying MCP servers anywhere TypeScript/JavaScript runs - Write your MCP server once and run it anywhere without vendor lock-in.

1. Create a ModelFetch MCP server

<Info> **Prerequisite**: Please install [Node.js](https://nodejs.org) before proceeding. </Info>
bash
npx -y create-modelfetch@latest

Follow the interactive prompts to:

  1. Choose a runtime - Node.js, Next.js, Bun, Deno, Vercel, Cloudflare, Netlify, Fastly, Supabase, Gcore, AWS Lambda, or Azure Functions
  2. Select a language - TypeScript or JavaScript
  3. Pick a package manager - npm, pnpm, bun, or yarn

Then navigate to your project:

bash
cd my-mcp-server

2. Implement your MCP server

Edit the server file to add your MCP tools, resources, and prompts:

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

const server = new McpServer({
  title: 'My MCP Server',
  name: 'my-mcp-server',
  version: '1.0.0'
})

server.registerTool(
  'add',
  {
    title: 'Add Numbers',
    description: 'Add two numbers together',
    inputSchema: {
      a: z.number(),
      b: z.number()
    }
  },
  ({ a, b }) => ({
    content: [
      {
        type: 'text',
        text: `${a} + ${b} = ${a + b}`
      }
    ]
  })
)

export default server
<Note> [ModelFetch](https://www.modelfetch.com) uses the [official MCP TypeScript SDK](https://github.com/modelcontextprotocol/typescript-sdk) and provides runtime-specific handlers for different platforms. </Note>

3. Deploy your MCP server remotely

ModelFetch supports multiple deployment targets. Deploy your server to any platforms that support these runtimes:

  • Node.js
  • Next.js
  • Bun
  • Deno
  • Vercel
  • Cloudflare
  • Netlify
  • Fastly
  • Supabase
  • Gcore
  • AWS Lambda
  • Azure Functions
  • etc.

See the ModelFetch documentation for more details.

<Warning> For development, you can use [ngrok](https://ngrok.com) to temporarily expose your local server. Only use this in a safe environment as it exposes your server to the internet. </Warning>

4. Deploy your origin MCP server to Agentic

Now that you have a publicly available MCP server, you can follow the existing MCP server guide to deploy it to Agentic.