Quick start
- Deploy the sample
- Publish the manifest
The app exposes its manifest athttps://my-chatgpt-app.herokuapp.com/.well-known/mcp.json. Copy that URL. - Add to ChatGPT
In ChatGPT → Settings → Builder tools → Connectors, add the manifest URL. Developer Mode is required while the feature is in beta. - Test the widgets
Ask ChatGPT “Show me the pizza map from my connector.” The interactive widget loads inline, demonstrating the iframe-based UI pattern.
Customize your app
- Replace the sample data sources with your own APIs or databases.
- Extend the widget templates (
/widgetsfolder) with bespoke HTML/CSS/JS to deliver richer experiences. - Use Heroku add-ons (Postgres, Redis, metrics) to power more sophisticated tools without managing infrastructure.
- Iterate quickly with
git push heroku main, review apps, and staging pipelines.
Best practices
- Keep tool names and descriptions explicit so ChatGPT understands when to call them.
- Return fast responses; offload long-running work to background jobs and stream progress through widgets.
- Secure your endpoints with auth headers or tokens and rotate them through Heroku config vars.
- Monitor usage via Heroku logs and metrics to fine-tune invocation rates, error handling, and widget performance.