modelcontextprotocol/ext-apps
Watch
1
0
Fork
You've already forked ext-apps
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions
ext-apps/examples/basic-server-react
History
Repository files (latest commit first)
Filename Latest commit message Latest commit date
Olivier Chafik 3ac7c7935b
 Add RESOURCE_MIME_TYPE constant (#108) 
* Add RESOURCE_MIME_TYPE constant

* Update app-bridge.ts

* update syntax
2025-12-09 19:10:56 +01:00
..
src Use content instead of structuredContent in examples 2025-12-05 16:35:20 -06:00
mcp-app.html Add basic-host and basic-server-react examples 2025-12-04 14:28:27 -06:00
package.json Smoothen the process of getting started (#103) 2025-12-09 16:15:32 +01:00
README.md Add basic-server-vanillajs example 2025-12-04 14:28:27 -06:00
server.ts Add RESOURCE_MIME_TYPE constant (#108) 2025-12-09 19:10:56 +01:00
tsconfig.json Add basic-host and basic-server-react examples 2025-12-04 14:28:27 -06:00
vite.config.ts Add basic-host and basic-server-react examples 2025-12-04 14:28:27 -06:00

README.md

Example: Basic Server (React)

An MCP App example with a React UI.

Tip

Looking for a vanilla JavaScript example? See basic-server-vanillajs!

Overview

Key Files

Getting Started

npm install
npm run dev

How It Works

  1. The server registers a get-time tool with metadata linking it to a UI HTML resource (ui://get-time/mcp-app.html).
  2. When the tool is invoked, the Host renders the UI from the resource.
  3. The UI uses the MCP App SDK API to communicate with the host and call server tools.