From 8c7c92a668fe37785248ef7c45894cbfd2ae2af5 Mon Sep 17 00:00:00 2001
From: phuctm97 <phuctm97@gmail.com>
Date: Tue, 8 Jul 2025 11:33:28 +0700
Subject: [PATCH] docs: add ModelFetch guide for publishing MCP servers
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Add new guide for creating MCP servers with ModelFetch SDK
- Update quickstart to include ModelFetch as first TypeScript option
- Add navigation entry in docs.json

🤖 Generated with [Claude Code](https://claude.ai/code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 docs/docs.json                           |  1 +
 docs/publishing/guides/ts-modelfetch.mdx | 86 ++++++++++++++++++++++++
 docs/publishing/quickstart.mdx           |  8 +++
 3 files changed, 95 insertions(+)
 create mode 100644 docs/publishing/guides/ts-modelfetch.mdx

diff --git a/docs/docs.json b/docs/docs.json
index 2f691d36..638b348c 100644
--- a/docs/docs.json
+++ b/docs/docs.json
@@ -86,6 +86,7 @@
             "pages": [
               "publishing/guides/existing-mcp-server",
               "publishing/guides/existing-openapi-service",
+              "publishing/guides/ts-modelfetch",
               "publishing/guides/ts-fastmcp",
               "publishing/guides/ts-mcp-hono",
               "publishing/guides/ts-openapi-hono",
diff --git a/docs/publishing/guides/ts-modelfetch.mdx b/docs/publishing/guides/ts-modelfetch.mdx
new file mode 100644
index 00000000..5fd5a422
--- /dev/null
+++ b/docs/publishing/guides/ts-modelfetch.mdx
@@ -0,0 +1,86 @@
+---
+title: TypeScript ModelFetch
+description: This guide will show you how to publish an MCP server to Agentic using ModelFetch.
+---
+
+[ModelFetch](https://www.modelfetch.com) is a TypeScript/JavaScript SDK designed for building and deploying MCP servers across multiple runtime environments.
+
+## 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. **Choosing a runtime** - Node.js, Bun, Deno, Cloudflare Workers, or Vercel Functions
+2. **Selecting a language** - TypeScript or JavaScript
+3. **Picking 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 server.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](https://www.modelfetch.com/docs/runtimes/node)
+- [Bun](https://www.modelfetch.com/docs/runtimes/bun)
+- [Deno](https://www.modelfetch.com/docs/runtimes/deno)
+- [Cloudflare](https://www.modelfetch.com/docs/runtimes/cloudflare)
+- [Vercel](https://www.modelfetch.com/docs/runtimes/vercel)
+
+<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](/publishing/guides/existing-mcp-server) to deploy it to Agentic.
\ No newline at end of file
diff --git a/docs/publishing/quickstart.mdx b/docs/publishing/quickstart.mdx
index 75998b98..0b545dc1 100644
--- a/docs/publishing/quickstart.mdx
+++ b/docs/publishing/quickstart.mdx
@@ -28,6 +28,14 @@ description: Deploy your first MCP product to Agentic in minutes.
 <Tabs>
 <Tab title="TypeScript">
 <Columns cols={2}>
+  <Card
+    title='TS ModelFetch'
+    href='/publishing/guides/ts-modelfetch'
+    icon='cube-transparent'
+  >
+    Create a new MCP server and deploy it to Agentic using ModelFetch SDK.
+  </Card>
+
   <Card
     title='TS FastMCP Server'
     href='/publishing/guides/ts-fastmcp'