From the course: Create an MCP App with json-render
Unlock this course with a free trial
Join today to access over 25,400 courses taught by industry experts.
Packaging it as an MCP app
From the course: Create an MCP App with json-render
Packaging it as an MCP app
Everything that we've created so far runs in the browser. So we created this API that we can send requests to. These requests prompts are going to return UI elements so that we can populate a dashboard. This is really awesome if we're using a website, but now in the modern era, a lot of times we're using AI agents, whether that's cloud code or cursor, or whether agents are scraping our data and running processes on their own. So we, in addition to our web interface, can use MCP, the Model Context Protocol, to run these types of operations as well. So what we need to do is build an MCP app here so that this data can be used by all sorts of different processes. So let's go ahead and do that. The first thing I'm going to do is stop our running server so that I can add a few different packages. So we'll npm install, json, render, mcp, as well as the model context protocol slash SDK. Nice. So once I've done that, I wanna place this server in a reasonable place so that it's not really…
Contents
-
-
Scaffolding an initial json-render project4m 45s
-
(Locked)
Creating a controlled component catalog2m 33s
-
(Locked)
Mapping your types to React components5m 32s
-
(Locked)
Rendering React components3m 42s
-
(Locked)
Incorporating the AI SDK4m 43s
-
(Locked)
Creating a streamed UI4m 56s
-
(Locked)
Rendering the streamed UI2m 45s
-
(Locked)
Packaging it as an MCP app4m 47s
-
(Locked)
Testing the dashboard2m 20s
-