Introduction to ChatGPT Apps

Heads up... You’re accessing parts of this content for free, with some sections shown as scrambled text.

Heads up... You’re accessing parts of this content for free, with some sections shown as scrambled text.

Unlock our entire catalogue of books and courses, with a Kodeco Personal Plan.

Unlock now

So far, you have built MCP servers that provide data (Resources) and perform actions (Tools). However, the interaction has been purely text-based. You ask a question, and the model writes text back.

But what if your agent needs to show a dashboard? Or a form to edit a note? or a map?

This is where ChatGPT Apps come in.

ChatGPT is also becoming a real app platform. With hundreds of millions of users (OpenAI reports ~800 million), an app inside ChatGPT can show up right at the moment of intent, in the same conversation where the need is expressed. That means your app is not just a link or a separate website. It is part of the workflow.

Beyond Text: The Widget

A ChatGPT App is essentially an MCP server that returns UI components (Widgets) alongside data.

The Architecture

In this lesson, we will build NoteTakerPro, a notes app that lives inside ChatGPT. Here is how the pieces fit together:

See forum comments
Download course materials from Github
Previous: Conclusion Next: The Backend: Serving Resources