Деплой сайта на Cloudflare Pages + GitHub (2026): два AI-агента Claude делают всё сами скачать в хорошем качестве

Деплой сайта на Cloudflare Pages + GitHub (2026): два AI-агента Claude делают всё сами

Два браузерных AI-агента Claude работают параллельно: один создаёт index.html и коммитит в GitHub, второй подключает Cloudflare Pages и деплоит — всё без единой строки кода вручную. В конце проверяем автоматическую пересборку: меняем файл в GitHub → сайт обновляется сам. Проект: Fact Witness (factwitness.com) ═══ ⏱ ТАЙМКОДЫ ═══ ▸ Подготовка 0:00 Начало: задача — создать тестовую страницу на Cloudflare Pages через связку с GitHub. Вход в существующий аккаунт Cloudflare, прохождение капчи. 2:30 Получена инструкция от Claude, но вместо ручного выполнения она скармливается браузерному агенту Claude. Обсуждение, что будет на странице: простой HTML «Привет, мир», в будущем — полноценный сайт. Название проекта — «Fact Witness». 5:10 Выбор параметров проекта в интерфейсе Claude. Запуск браузерного агента Claude для выполнения инструкции. Упоминание, что в предыдущих видео плейлиста уже установили Claude Code, Claude Chrome и купили домен. ▸ Работа двух агентов 7:00 Агент сообщает, что не может создавать аккаунты. Принято решение записать отдельное видео по созданию репозитория в GitHub. 8:45 Схема с двумя агентами: один Claude генерирует задание для другого. Первый агент работает с Cloudflare, второй — создаёт index.html в GitHub-репозитории. Второй агент автономно вводит имя файла, вставляет HTML-код, делает коммит — всё без участия автора. 12:15 Наблюдение за работой агента: он делает скриншоты, навигируется по интерфейсу GitHub, восстанавливает код, коммитит, перепроверяет результат. Успешно создан index.html в репозитории Fact Witness. Результат скопирован и передан первому агенту. ▸ Подключение Cloudflare 15:20 Первый агент начинает подключение Cloudflare. Верификация email — код не приходил, нашёлся после повторной отправки. Ручной переход по ссылке верификации. 18:00 Агент заходит в Workers and Pages, создаёт проект, подключает GitHub. Автор вручную выбирает организацию и нужный репозиторий (Only Selected Repositories → Fact Witness), так как агент не знал, куда именно идти. 20:10 Двухфакторная аутентификация (запись прервана). После — агент проверяет, подтянулся ли репозиторий. Подтверждение: организация и проект выбраны, нажат Next, всё подключилось. Нажат Deploy. ▸ Деплой и проверка 22:50 Деплой завершён, Cloudflare выдал поддомен. По нему видно, что связка с GitHub работает. Для проверки автоматической пересборки: в GitHub вручную отредактирован index.html — добавлена строка «Версия 2», сделан коммит. 25:10 Build in Progress в Cloudflare, затем пересборка завершена. Обновление страницы — «Версия 2» появилась. В истории деплоев видны обе сборки. Всё работает. Заключительные слова и пожелания зрителям. ═══ 🔗 ПОЛЕЗНЫЕ ССЫЛКИ ═══ ▸ Плейлист этой серии — «Создание сайта с нуля: домен, хостинг, запуск (2026)»:    • ВайбКодинг = Создание сайта с нуля: домен,...   ▸ Предыдущие видео серии: Как купить домен дешевле всего (2026):    • Как купить домен дешевле всего (2026)   — ...   Как выбрать хостинг — Cloudflare Pages + Hetzner VPS (2026):    • Как выбрать хостинг для сайта дёшево (2026...   ▸ Что нужно установить перед этим видео: Как установить Claude в Google Chrome и автоматизировать браузер (2026):    • Как установить Claude в Google Chrome и ав...   Как установить Claude Code на Windows 11 (2026):    • Как установить Claude Code на Windows 11  ...   Расширение Claude для Chrome (официальное): https://chromewebstore.google.com/det... ▸ Также упоминается в видео: Как подключить PyCharm к GitHub пошагово:    • Как подключить PyCharm к GitHub пошагово |...   ▸ Плейлист — «Установка и настройка окружения для ВайбКодинга»:    • Claude Code 2026: Project Design для сохра...   #CloudflarePages #GitHub #VibeCoding #ClaudeBrowser #AIагент #ВайбКодинг #Деплой #СайтСНуля #ClaudeAI #Автоматизация