Как я сделал сайт с помощью ИИ-агента: вайбкодинг на практике

В 2009 году я делал свой первый сайт на заказ. В 2026-м попросил ИИ-агента собрать мне личный сайт. Между этими двумя точками — семнадцать лет, десятки проектов и совершенно другое отношение к тому, как вообще создаются сайты.

Эта история про вайбкодинг — подход, при котором ты описываешь что хочешь получить, а ИИ-агент пишет код. И про то, почему знания из прошлого неожиданно сыграли в этом процессе ключевую роль. Это не пост-восторг «ура, ИИ теперь делает за нас всё», а разбор одного конкретного проекта с плюсами, компромиссами и неожиданным квестом про хостинг.

Главное

• Вайбкодинг не заменяет знания — он их усиливает. Чем точнее начальный запрос, тем меньше итераций до результата.
• Первая рабочая версия сайта появилась за один вечер, но доводка заняла ещё несколько дней.
• Выбор хостинга по умолчанию (Vercel) привёл к квесту с блокировками при открытии из России — пришлось переезжать на российский SSG-хостинг.
• Сайт построен на Astro + Tailwind CSS + MDX — полностью статический, без серверного рендеринга.
• Опыт 2009 года с Joomla неожиданно помог точнее формулировать задачу в 2026-м: знаешь, о чём тебя могут спросить, — знаешь, что положить в промпт заранее.

Первый сайт: 2009 год, Joomla и офис над автомойкой

Моей первой серьёзной работой, если не считать раздачи листовок и внезапно работы чирлидером на олимпиаде Газпрома, была разработка сайтов. 2009 год, наш региональный Белгород, где только начал появляться безлимитный интернет. Местные бизнесы стали думать о присутствии в сети. А я после второго курса искал, как заработать тем, чему уже научился.

На форуме локальной сети нахожу объявление — нужны люди делать сайты. Полный кайф. Опыта особо нет, оплата небольшая, но делать что-то для реальных бизнесов звучало круто. Прихожу на собеседование — а это обычная квартира, плюс-минус переоборудованная в офис. Задают пару вопросов и предлагают выходить хоть завтра.

Сами ребята не особо понимали, как делать сайты. Да и я тоже, если честно. Но тогда уже были CMS-движки вроде Joomla. Менеджер общался с бизнесом, мы подбирали готовые шаблоны на выбор, а после утверждения собирали сайт с конкретным контентом. И это занимало недели — движок постоянно ломался, темы не всегда работали, стили отваливались. Чтобы что-то починить, приходилось долго разбираться.

Позже мы переехали в офис над автомойкой. Для этой же автомойки у меня была идея — отобразить на сайте кирпичную кладку, как у самой мойки снаружи. Но дизайнер из меня так и не вышел, пришлось просить ребят помочь. Зато сайт владельцам зашёл.

За лето я сделал около шести сайтов и укатил на море на свои деньги. И чтобы сделать каждый из них, нужно было потратить кучу времени — разобраться с хостингом, настроить перенаправления, SEO и прочие радости жизни.

Что такое вайбкодинг и как я к нему пришёл

Сейчас простой сайт сделать совсем легко. Есть визуальные конструкторы, есть no-code платформы, и есть вайбкодинг. Суть последнего в том, что ты общаешься с ИИ-агентом на обычном языке: описываешь, что хочешь, а агент генерирует код, конфигурацию, структуру проекта. Ты не пишешь код руками — ты направляешь процесс.

Звучит как магия. Но на практике есть нюанс, который мало кто озвучивает: качество результата напрямую зависит от того, насколько ты понимаешь предмет. Серебряной пули нет. ИИ здорово упрощает непрофильную работу. Достичь сверхрезультата вряд ли выйдет, а вот хороший — вполне себе.

Я мог бы задать простой запрос вроде «Давай сделаем мне личный сайт». И дальше ИИ задавал бы кучу вопросов в ответ: как он должен выглядеть, какой фреймворк использовать, где хостить. И на каждый вопрос остаётся или довериться ИИшке и сыграть в монетку, или разбираться, о чём нас спрашивают.

Мой опыт работы с сайтами с 2009 года — пусть и не на переднем крае фронтенда — дал мне достаточно контекста, чтобы сократить этот путь. Это, кстати, ещё одно подтверждение того, о чём я писал в посте про программирование как ремесло: без базового ремесла вайбкодинг быстро упирается в потолок, потому что ты просто не знаешь, что у агента переспросить.

Как я работал с ИИ-агентом: промпт, итерации, результат

Вместо расплывчатого «сделай мне сайт» я написал что-то вроде: «Хочу личный сайт себя как ментора-эксперта с призывами к действию. На сайте должна быть возможность вносить статьи в блог без админки. Сайт минималистичный, среднее количество воздуха, используй Tailwind CSS. Информацию для текстов возьми с моих менторских сайтов и резюме».

Из такого запроса ИИ-агент задал всего два вопроса: о выборе фреймворка и на каком хостинге разместить сайт. Буквально немного самостоятельной проверки предложенных вариантов — и первая версия сайта готова. Первая сборка появилась за один вечер. Это не преувеличение.

Да, агент кое-что не спросил. Какой логотип делать, что должно быть в иконке, что размещать на 404-й странице и ещё кучу мелочей. Но первичный результат ускоряет в разы. Дальше — несколько дней докруток, и сайт можно показывать людям.

В итоге стек сайта, на котором вы сейчас читаете этот текст:

• Framework: Astro 5 — статический генератор, собирает всё в готовые HTML.
• Стили: Tailwind CSS 4 — утилитарные классы, никакого кастомного CSS.
• Контент: MDX-файлы с фронтматтером, пост = файл.
• Поиск и комментарии: отключены. Поисковая логика отложена, комментарии добавил точечно.

Немного читерю, конечно. Мои знания о том, как работают хостинги, как подключить библиотеки и компоненты, помогли формулировать задачу точнее. Если бы я начинал с абсолютного нуля, путь был бы дольше — много пришлось бы перепроверять самому.

Вот что я заметил в процессе: чем больше контекста ты даёшь ИИ-агенту в начальном запросе, тем точнее результат и тем меньше итераций. Один хороший промпт экономит десятки правок.

Мой честный инсайт: в вайбкодинге я продолжаю делать то же, что и как наставник студентов, — не даю агенту готовые ответы, а задаю направляющие вопросы. Разница в том, что агент, в отличие от студента, спотыкается не из-за незнания, а из-за слишком общего промпта.

Почему выбор хостинга обернулся квестом

Отдельная история — выбор хостинга. Если не давать ИИ-агенту конкретных рекомендаций, он скорее выберет что-то из популярного. Исследователи из Amplifying прогнали около двух с половиной тысяч открытых запросов к ИИ-агентам, ни разу не назвав конкретный инструмент, и записали, что агент выбрал сам. Получилась целая карта решений по умолчанию.

У меня так и вышло. Агент выбрал Vercel — действительно крутой инструмент: автоматическое разворачивание, публикация по коммиту в GitHub, бесплатный тариф на небольших объёмах. Казалось бы, зачем что-то ещё смотреть.

Но когда я дал ребятам из России посмотреть сайт — стили не грузятся, изображений нет. Всё, что больше определённого размера, блокируется провайдерами. Текущая реальность, от которой не спрятаться.

Пришлось искать альтернативу. Нашёл российский хостинг с поддержкой деплоя статических сайтов. Одно ограничение — только SSG, без серверного рендеринга. Пришлось переводить сайт на полную статику.

И знаете, это оказалось даже плюсом. Сайт стал работать быстрее. Для блога с обычными статьями серверная логика не нужна — никакой сложной динамики тут нет. А цена оказалась просто символической — за месяц вышло буквально несколько рублей, что в разы дешевле любого сервера.

Вот так изначальный выбор ИИ-агента привёл к неожиданному квесту. Зато теперь сайт открывается из России без проблем.

Что можно и нельзя делегировать ИИ в веб-разработке

После этого проекта у меня сложилось достаточно чёткое разделение.

Делегирую с удовольствием:

• Стартовую сборку проекта: структура папок, конфиги, базовая маршрутизация.
• Бойлерплейтный код: компоненты, которые повторяют одну и ту же логику.
• Миграции и рутинную перекройку кода под новую библиотеку.
• Черновой слой SEO-метаданных и служебных страниц (404, robots.txt, sitemap).

Почти никогда не делегирую целиком:

• Выбор инфраструктуры и хостинга — агент оптимизирует «в среднем», не под ваш регион.
• Редактуру текстов в блоге — кратко и без выводов ИИ пишет так, что легко узнаётся.
• Решения, связанные с приватностью и безопасностью пользователей.
• Всё, где ошибка будет дорогой: платежи, хранение персональных данных, авторизация.

Такое разделение я держу в голове даже для небольших экспериментов. Про более общую логику применения ИИ-инструментов в своих задачах я писал отдельно в AI-инструментах для исследований.

Что я вынес: ИИ-агент — это не замена мне как разработчику, а усилитель моего ремесла. Если у вас есть база, вайбкодинг ускоряет работу в разы. Если базы нет — сокращает путь входа в профессию, но не отменяет его.

Часто задаваемые вопросы

Что такое вайбкодинг простыми словами?

Это способ писать программы, общаясь с ИИ-агентом на обычном языке. Вы формулируете, что хотите получить, агент генерирует код и конфигурацию, а вы проверяете и направляете процесс. Отличие от no-code — вы работаете с настоящим кодом, просто не набираете его руками.

Сколько времени ушло на сайт целиком?

Первая рабочая версия — один вечер. Доведение до состояния «можно показывать» — несколько дней. Дальше сайт живёт и обрастает мелкими улучшениями в фоновом режиме.

Можно ли сделать сайт через ИИ без опыта в программировании?

Можно, но путь будет длиннее. Опыт позволяет заранее класть в промпт то, о чём агент в любом случае спросит: фреймворк, хостинг, структура контента. Без опыта это всё равно решаемо, просто через больше итераций и больше сомнений.

Какие основные риски вайбкодинга?

Два главных. Первый — выбор по умолчанию: агент выберет «среднее решение», которое может плохо подойти вашему сценарию (как у меня с Vercel и блокировками). Второй — скрытые уязвимости: сгенерированный код часто внешне аккуратен, но требует отдельной проверки на безопасность и обработку краевых случаев.

Какой стек я бы рекомендовал для личного сайта или блога в 2026 году?

Для статического блога — связка Astro + Tailwind CSS + MDX работает прекрасно. Хостинг лучше выбирать осознанно, с учётом аудитории: для русскоязычной аудитории имеет смысл заранее смотреть на российские SSG-платформы, а не по умолчанию идти в Vercel.

Итог

Получается, что ИИ усиливает то, что ты уже знаешь. Чем больше контекста можешь дать, тем точнее результат. А если не знаешь ничего, то просто путь дольше — но он всё равно проходимый, потому что в процессе приобретаешь новые знания. Это, кстати, тот же цикл, который я описывал в посте про цикл Колба в обучении: опыт → рефлексия → теория → новая попытка. Вайбкодинг прекрасно в этот цикл встраивается.

В 2009 году один сайт занимал у меня несколько недель. В 2026-м первая рабочая версия появилась за вечер. Но я что-то не заметил, чтобы жизнь стала проще. Мы просто учимся применять новые инструменты и начинаем делать больше работы. Ускоряется темп жизни вместе с темпом изменений.

Так что если думаете попробовать сделать сайт с помощью ИИ — пробуйте. Но не надейтесь, что он всё сделает за вас. Готовьтесь формулировать, проверять и докручивать. Это не автопилот, это скорее усилитель. И чем больше вам есть что усиливать, тем интереснее результат.