List of lectures for the course ChatGPT Apps, 2 quest level on JavaRush

Downloading and exploring ChatGPT App (Next.js 16)
ChatGPT Apps
2 level,0 lecture
In this lecture you will run a working ChatGPT App on Next.js 16 locally: check your environment (Node.js, npm, Git), download a starter (via git clone or a GitHub template), install dependencies ( npm install), set secrets via .env.local (the OPENAI_API_KEY variable), and start the dev server with npm run dev, making sure http://localhost:3000 opens without errors.
Open
Inside the template: project structure and key files
ChatGPT Apps
2 level,1 lecture
In this lecture, you will unpack the “map” of a typical Next.js template for ChatGPT Apps: where the UI widget lives ( app/page.tsx or app/widget/page.tsx), where the MCP layer is located ( app/mcp/route.ts), and which configs “glue” the project to the ChatGPT runtime ( next.config.ts, proxy.ts, .env.local). We will also discuss why 'use client', assetPrefix, CORS, and secure storage of OPENAI_API_KEY matter.
Open
Local run, HTTPS tunnel, and availability for ChatGPT
ChatGPT Apps
2 level,2 lecture
In this lecture, we’ll cover why an address like http://localhost:3000 works only on your machine and is unreachable from ChatGPT’s cloud; how HTTPS tunnels work (reverse‑proxy model); how to spin up a quick tunnel with cloudflared to a public domain https://*.trycloudflare.com; how to plug it into Dev Mode; and how to diagnose common issues: wrong port, http/ https mix‑ups, a stopped tunnel, and a changed URL.
Open
Dev Mode in ChatGPT: connecting a local app
ChatGPT Apps
2 level,3 lecture
We break down Developer Mode in ChatGPT as a practical “garage” mode for development: how to connect your app via a public HTTPS URL to /mcp, what happens during the MCP handshake, where to check logs ( app/mcp/route.ts, terminal npm run dev), how the dev cycle works (UI vs. MCP schema), and why you sometimes need Refresh. At the end—an actionable scenario for GiftGenius and a list of common mistakes, from a URL missing /mcp to the expectation that Dev Mode “changes the model”.
Open
First smoke test: “Hello widget” and openExternal
ChatGPT Apps
2 level,4 lecture
In this lecture you will run the first end‑to‑end smoke test of a ChatGPT App: verify that a Next.js widget actually renders inside ChatGPT via an HTTPS tunnel, that client handlers (for example, onClick) execute in the iframe sandbox, and that external navigation opens correctly via the window . openai . openExternal bridge rather than unpredictable window . open ( ) or < a >.
Open