Список лекцій курсу ChatGPT Apps, 2 рівень квесту на JavaRush

Завантажуємо й розбираємо ChatGPT App (Next.js 16)
ChatGPT Apps
2 рівень, 0 лекція
У цій лекції ви локально запустите робочий ChatGPT App на Next.js 16: перевірите середовище (Node.js, npm, Git), завантажите шаблон (через git clone або GitHub template), встановите залежності ( npm install), налаштуєте секрети через .env.local (змінна OPENAI_API_KEY) і запустите dev‑сервер командою npm run dev, переконавшись, що http://localhost:3000 відкривається без помилок.
Відкрита
Як влаштований шаблон: структура проєкту та ключові файли
ChatGPT Apps
2 рівень, 1 лекція
У цій лекції ви розберетеся з «мапою» типового Next.js-шаблону для ChatGPT Apps: де «живе» UI‑віджет ( app/page.tsx або app/widget/page.tsx), де розташований MCP‑шар ( app/mcp/route.ts) і які конфіги «склеюють» проєкт із рантаймом ChatGPT ( next.config.ts, proxy.ts, .env.local). Також обговоримо, чому важливі 'use client', assetPrefix, CORS і безпечне зберігання OPENAI_API_KEY.
Відкрита
Локальний запуск, HTTPS‑тунель і доступність для ChatGPT
ChatGPT Apps
2 рівень, 2 лекція
У цій лекції розберемося, чому адреса на кшталт http://localhost:3000 працює лише на вашій машині й недоступна з хмари ChatGPT. Також зʼясуємо, як влаштовані HTTPS‑тунелі (модель reverse‑proxy), як швидко підняти тунель через cloudflared до публічного домену https://*.trycloudflare.com, підʼєднати його в Dev Mode, а ще — як діагностувати типові помилки: неправильний порт, плутанину http/ https, зупинений тунель і змінену URL‑адресу.
Відкрита
Dev Mode у ChatGPT: підʼєднуємо локальний застосунок
ChatGPT Apps
2 рівень, 3 лекція
Розбираємо Developer Mode у ChatGPT як «гаражний» робочий режим для розробки: як підʼєднати застосунок за публічним HTTPS‑URL до /mcp, що відбувається під час MCP‑handshake, де дивитися журнали ( app/mcp/route.ts, термінал npm run dev), як влаштований цикл розробки UI та MCP‑схеми й чому інколи потрібен Refresh. Наприкінці — практичний сценарій для GiftGenius і перелік типових помилок: від URL без /mcp до очікувань, що Dev Mode «змінює модель».
Відкрита
Перший smoke‑тест: «Hello Widget» і openExternal
ChatGPT Apps
2 рівень, 4 лекція
У цій лекції ви зробите перший end‑to‑end smoke‑тест застосунку для ChatGPT. Ви перевірите, що віджет на Next.js справді рендериться всередині ChatGPT через HTTPS‑тунель; що клієнтські обробники (наприклад, onClick) виконуються в iframe‑пісочниці; і що переходи на зовнішні сторінки відкриваються коректно через міст window . openai . openExternal, а не через непередбачувані window . open ( ) або < a >.
Відкрита