Skip to content

Update MCP apps tutorial: fix _meta structure and version prereq #6404

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
blackgirlbytes merged 1 commit into from
Jan 8, 2026
Merged

Update MCP apps tutorial: fix _meta structure and version prereq #6404

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
11 changes: 9 additions & 2 deletions documentation/docs/tutorials/building-mcp-apps.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -17,7 +17,7 @@ In this tutorial, you will build an MCP App using JavaScript and Node.js. The ap

:::info Prerequisites
- Node.js 18+ installed
- goose Desktop application
- goose Desktop 1.19.1+ installed
:::

---
Expand Down Expand Up @@ -62,6 +62,9 @@ Update your `package.json` to use ES modules by adding `"type": "module"`:

Create `server.js` - this is the MCP server that loads and serves your HTML:

<details>
<summary>server.js</summary>

```javascript
#!/usr/bin/env node

Expand Down Expand Up @@ -126,7 +129,9 @@ server.setRequestHandler(CallToolRequestSchema, async (request) => {
],
// This metadata tells goose to render the MCP App
_meta: {
"ui/resourceUri": "ui://mcp-app-demo/main",
ui: {
resourceUri: "ui://mcp-app-demo/main",
},
},
};
}
Expand Down Expand Up @@ -186,6 +191,8 @@ async function main() {
main().catch(console.error);
```

</details>

---

## Step 3: Create the App HTML
Expand Down
Loading