Get started with ChatGPT Apps. Learn what they are, how they work, and what makes them different from traditional integrations.
Try the app, view the code, or explore the components.
By the end of this lesson, you will:
Welcome to ChatGPT Apps 101! In this course, you'll learn to build production-ready ChatGPT Apps from scratch.
ChatGPT Apps are integrations that extend ChatGPT's capabilities through:
Think of them as plugins for ChatGPT, but with a modern, standardized architecture.
User asks a question
↓
ChatGPT decides which tool to call
↓
Your MCP server executes the tool
↓
Returns data + optional widget metadata
↓
ChatGPT renders response (text + widget)
| Module | Topic | Example App |
|---|---|---|
| 0 | Introduction & SDK Overview | - |
| 1 | Real-World Example | Shopify Store App |
| 2 | State Management | FPL Fantasy Football |
| 3 | Authentication | Task Manager |
| 4 | Building with Claude Code | All Examples |
The Apps SDK provides:
useToolOutput() — Read data from your MCP toolsWatch the video below for a complete introduction, then move on to Module 1 where we'll build a real Shopify integration.