Vibe Coding: 3 приложения без кода — Lovable vs Replit vs Google (Пошаговое руководство)

Раньше, чтобы создать приложение, нужны были месяцы работы программистов. Теперь это необязательно. Новый инструменты позволяют вам описать приложение словами, и оно появляется на экране. Я протестировал кучу этих новых инструментов и выбрал трёх главных игроков: Lavable, Replid и Google AI Studio. В этом видео мы их сравним. Во-первых, мы разберём, как они решили главную проблему. Мозги и память для приложений. И почему Rплит здесь выделяется, потому что он сам проверяет свою работу. Во-вторых, мы с нуля построим три разных бизнес-примера: CRM-систему для барбершопа, AI повара и умный список задач. В-третьих, я покажу вам главный секрет, как не потратить все свои деньги на ошибки и используя правильный пошаговый подход. И в финале мы разберём, как сохранить контроль над своим приложением, чтобы оно всегда принадлежало вам. Перед просмотром ролика прошу вас подписаться на канал, поставить лайк этому видео и написать комментарий. Всем приятного прорыва.

Итак, в чём же суть? Что такое вайпкодинг? Этот термин недавно стал словом года 2025. И по сути он означает создание по описанию или по настроению. Если говорить совсем просто, вы больше не пишите код строчка за строчкой. Вы разговариваете с искусственным интеллектом как с живым программистом. Вы описываете Vйbe, то, что вы хотите получить, вашу идею, вашу конечную цель. А и пишет за вас код, создаёт кнопки, таблицы и целые страницы. Раньше такие конструкторы умели делать только лицо приложения, то есть красивые картинки, кнопки и формы. Но как только вам требовалось что-то серьёзное, начинались проблемы. Главная проблема, которую они

решили. Представьте, вы сделали красивый сайт, где есть кнопка зарегистрироваться. Пользователь вводит свой email и пароль. А куда эти данные должны сохраниться? Где приложение должно их запомнить? Для этого нужен, это мозги и память вашего приложения. Обычно это сложная база данных, сервер, куча кода. И вот здесь 99% людей, не программистов отвалились. Так вот, Lavable, Raplit и Google решили эту проблему. Они спрятали всю эту сложность под капотом. Вам больше не нужно быть инженером, чтобы создать память для вашего приложения. Вы можете просто попросить об этом. И вот как это делают наши три игрока. Давайте быстро пробежимся по нашим бойцам. Они все делают одно дело, но у каждого свой характер. Они нацелены на разных людей. Lavable - самый простой старт. Lavable -

это контроль простоты. Он создан для не программистов, для основателей стартапов, для дизайнеров. Его главная фишка Lavable Cloud. Это и есть тот самый эээнд, та самая память, встроенная прямо в него. Вам не нужно никуда идти. Вы просто пишите: "Хочу, чтобы пользователи могли регистрироваться". И Lavable сам создаёт для вас нужную таблицу для хранения. Это невероятно быстро. Rплит - это умный агент. Rплит - это всё в одном. Это целая студия прямо у вас в браузере. Вы можете кодить, публиковать, хранить файлы, всё в одном месте. Его главная фишка - это RLET agent. Это не просто помощник, это автопилот. У него есть цикл обратной связи. Что это значит? Он сам пишет код, а потом сам запускает его, сам нажимает на кнопки, сам смотрит, не сломалось ли что-то. Если он находит ошибку, он сам её анализирует и сам исправляет. Это очень продвинутый инструмент. Google AI Studio. Интеграция и безопасность. Google пошёл по пути интеграции со своей огромной вселенной. Он тоже состоит из двух частей: AI Studio и Firebase Studio. Это вторая часть для больших проектов. Его главные фишки - это, во-первых, лёгкий доступ ко всем суперсилам Google. Нанобана для картинок, Veo для видео, карты. А во-вторых, безопасность. Когда вы публикуете приложение, он автоматически создаёт защитный сервер, чтобы ваш секретный пароль AP ключ к платному AI никто не украл. Кстати, есть и четвёртый игрок курсор, но он создан для настоящих программистов, чтобы помогать им в уже существующих огромных проектах. Он понимает всю кодовую базу. Мы о нём поговорим отдельно, а сейчас сосредоточимся на создании с нуля.

Хватит теории, давайте строить. Наш первый бизнес- Барber CRM. Это приложение для малого бизнеса, например, барбершопа. Представьте, вы владелец барбершопа. Вы устали ввести запись клиентов в бумажном журнале или в неудобной Excel-табличке. Вам нужно простое приложение, где вы можете видеть всех своих клиентов, всех своих мастеров и все записи на стрижку. Раньше на это ушёл бы бюджет в 5-10.000 долларов или несколько месяцев разработки. Мы сделаем это сейчас, используя Lavable за его невероятную простоту с базами данных. Мы не будем писать: "Сделай мне CRM, это путь новичка, который 100% приведёт к ошибкам". Мы сначала спланируем, мы будем строить пошагово. Нам нужно система входа, чтобы только владелицы мастера могли видеть данные. Таблица клиенты имя, телефон таблица мастера имя таблица записи дата время. Кто клиент какой мастер. Теперь мы кормим и этим планом по частям. Привет, Lavable. Давай создадим приложение. Начнём с простого. Мне нужна система регистрации и входа для пользователей. Используй Lavable Cloud. Мы нажимаем Enter. Lavable думает. И вот он создал страницы логин и signup. Но что важнее, посмотрите сюда. В облаке он автоматически создал для нас таблицу users. Нам не пришлось ничего делать. Отлично. Теперь мне нужно место для хранения клиентов. Создай в Lavable Cloud таблицу Clients. В ней должны быть колонки Name и Phone. Снова нажимаем и снова в облаке появляется новая таблица Clients. Супер. Теперь давай создадим таблицу Barbers. В ней нужно только одна колонка. Name. Готово. Таблица Barbers создана. А теперь самое важное. Мне нужна таблица appointments. В ней должны быть дата визита. В ней должны быть дата и время, которая должна быть связана с таблицей клиенты. Бар, этот Barbers, которая должна быть связана с таблицей Barbers. Это уже сложная задача, потому что тут нужно связать таблицы, но Lavable справляется. Он создаёт таблицу Appointments и автоматически настраивает связи между ней и двумя другими таблицами. А теперь давайте сделаем главный экран. Создай новую страницу календарь. На ней покажи простой календарь. Когда я нажимаю на какой-нибудь день, я хочу видеть список всех записей на этот день. В списке покажи имя клиента и имя мастера. А ещё добавь на эту страницу кнопку Добавить новую запись. Посмотрите, приложение готово. У нас есть календарь, он пока пустой. Давайте быстро добавим данные. А теперь нажимаем добавить новую запись. Выбираем Иван, выбираем Майк, ставим дату. Сегодня 14:00. А, и вот в нашем календаре на сегодня появилась запись 14:00 Иван к Майку. Мы только что, просто разговаривая с И создали настоящее работающее бизнес-приложение с тремя связанными базами данных. Это заняло у нас 15 минут. Это ядро настоящего онлайн-сервиса, который можно дальше развивать. Теперь давайте попробуем другой кейс на Google AI Studio, чтобы увидеть его сильные стороны.

Мы не будем делать клиентскую базу, мы сделаем что-то весёлое и вирусное, что использует уникальные суперсилы Google. У всех у нас есть проблема. Вы открываете холодильник вечером, а там поллуковицы, два яйца, кетчуп и одинокий баклажан. Что из этого приготовить? Мы сделаем приложение Что в холодильнике. Пользователь будет фотографировать свой холодильник, а и придумывать рецепт. Мы открываем вкладку Build VII Studio и в окне промта пишем наш VIPE. Создай простое приложение AI Power. Сделай весёлый дизайн. Мне нужен один большой блок по центру, куда пользователь может загрузить фотографию. Нажимаем Generate. Через 10 секунд в preview появляется наше приложение. Скелет готов. Теперь нам нужно оживить этот скелет. Мы пишем следующий промт. Отлично. Теперь давай подключим суперсилы Google. Когда пользователь загружает фотографию своего холодильника, приложение должно подключить MLI image, чтобы понять, какие продукты есть на фото. Вывести на экран список продуктов, которые он увидел. Затем подключить Google Search, чтобы взять этот список и найти в интернете три простых рецепта, которые можно приготовить только из этих продуктов. Нажимаем Enter. И вот тут Google A Studio показывает свою силу. Он не просто пишет код, он сам понимает, что ему нужны суперсилы. Так он их называет, и автоматически подключает Analyse Image и Google Search к нашему проекту. Нам не нужно было идти за какими-то ключами или читать сложную документацию. Давайте проверим. Я загружаю фото с яйцами, луком и баклажаном. Приложение думает и выдаёт. Я вижу яйцо, лук, баклажан, кетчуп. И под ним вот три рецепта, которые вы можете приготовить. Это сработало. Но мне не нравится эта синяя кнопка загрузить, она скучная. В Lavable мне пришлось бы писать новый проomт. Кнопка загрузить слишком скучная, сделай её больше и красной. В Google Studio я могу сделать проще. У него есть annotation mode, режим выделения. Я просто выделяю эту кнопку мышкой прямо в превью, и рядом появляется окошко для промта. Я пишу текстом прямо на этой кнопке. Сделай эту кнопку большой, весёлой, оранжевой и добавь иконку повара. Нажимаю Enter, и кнопка мгновенно меняется. Это гораздо более простой человеческий способ дорабатывать дизайн. Google A Studio идеально подходит для тех, кто хочет не просто описать, но и визуально редактировать своё приложение и использовать суперсилы Google, такие как анализ изображений.

А теперь посмотрим на RLТ. Его сила не в простоте, как у Lavable, и не дизайне, как у Google. Его сила в надёжности и автономности. Мы хотим создать простое, но полноценное приложение, список задач. Нам нужно, чтобы оно 100% работало и хранило наши задачи. Мы открываем плит и даём его агенту одну, но большую задачу. Создай мне полнофункциональное приложение, список задач. Использую React для лица и Python Flask для мозгов. Использую встроенную базу данных для сохранения задач. Интерфейс, простое поле ввода и кнопка Добавить. Вот здесь RLID делает то, что не делает никто другой. Он не просто генерирует код и говорит: "Готово". Он говорит: "Я написал код, а теперь я его проверю". Мы видим, как Raplet Agent буквально разговаривает сам с собой в логе. Он пишет: "О'кей, я написал код. Теперь я запускаю приложение в виртуальном браузере, чтобы и протестировать его". Он сам пытается добавить задачу: купить молоко. И задача не добавилась, произошла ошибла. Мы видим, как агент пишет: "Тест провалился, задача не сохранилась". в Lavable мы бы сейчас нажали try to fix it и потратили кредиты, но пли делает это сам. Агент продолжает: "Я думаю, проблема в том, что я написал код для мозгов, но забыл правильно подключить его к лицу приложения. Я исправлю это сейчас". Он возвращается к коду, исправляет файл, который отвечает за связь лица и мозгов. Затем он пишет: "Код исправлен. Запускаю тест ещё раз". Он снова пытается добавить купить молоко. И в этот раз задача успешно появляются списки. Агент пишет: "Тест пройден, приложение готово". Плет потратил больше времени, но он выдал нам не просто сгенерированное, а проверенное и работающее приложение. Это идеально для тех, кто хочет получить что-то, что работает из коробки.

А теперь очень важный раздел. Все эти инструменты, кроме бесплатного Google A Studio, работают по модели кредитов Lavable, Replit, Cursor. Все они берут с вас деньги за каждое ваше действие. Каждая генерация, каждое изменение, каждая ошибка тратит ваши деньги. И самая большая ловушка, в которую попадают новички - это петля ошибок. Вы вдохновились и пишите один гигантский пром. Создай мне полный клон Twitter. Мне нужны профили, посты, лайки. твиты, ленты и личные сообщения. И не волшебник. Он пытается это сделать, генерирует код и практически неизбежно запутывается и выдаёт техническую ошибку. Что вы видите? Вы видите спасательную кнопку Try to fix it. Попробовать исправить. Вас ваш мозг говорит: "Нажми". Вы нажимаете. Lavable тратит ещё кредиты, пытается исправить, но снова допускает ошибку уже в другом месте. Вы нажимаете Try to fix it снова и снова вы попадаете в петлю ошибок. За 10 таких нажатий вы можете сжечь весь свой месячный бюджет и остаться с неработающим сломанным приложением и полным разочарованием. А теперь давайте поступим. Как опытный инженер, мы делаем так, как в наших кейсах. Пошаговый подход. Первое- создай систему входа. Проверили, работает. Второе- создай таблицу для постов. Проверили, работает. Третье. Создай форму для отправки поста. Проверили, ошибка. Мы не нажимаем try to fixed. Мы просто откатываемся к шагу два, который работал, и попробуем переписать пром 3 другими более простыми словами. Это пошаговый метод требует на 5 минут дольше времени на планирование, но экономит там кучу денег и нервов, и вы всегда контролируете процесс.

Допустим, ваш проект взлетел, у вас появились клиенты, но что дальше? Не заперты ли вы на этой платформе навсегда? Что если lavable или плит завтра закроются? Ваш бизнес умрёт? Когда вы используете встроенные мозги, как в Lavable Cloud, вы действительно привязаны. Ваши данные живут внутри Lavable. Хотя Lavable позволяет подключить и внешнюю базу Supase, но это сложнее. У всех этих инструментов Lavable, Replet, Google и Studio есть аварийный выход. Это синхронизация с GitHub. GitHub - это, грубо говоря, Google диск для программистов, место, где хранится код. Мы показываем, как в настройках проекта Lavable или любого другого мы вставляем ссылку на нашу пустую папку на GitHub. Платформа выгружает весь сгенерированный код, все файлы лица, мозгов и стилей в личную папку на GitHub. Почему это ваш страховой полис? Это доказывает, что ваш главный актив, сам код, принадлежит вам. Он не заперт в чёрном ящике. В любой момент вы можете взять этот код, отдать его командой обычных программистов, и они продолжат развивать ваш проект где угодно, уже без всяких вайпкодинг-инструментов. Вы не заперты, вы просто используете платформу как очень быстрый трамплин. Итак, какой же инструмент топ-1 один? Правда в том, что у каждого своя сила. Lavable победитель в номинации самый быстрый старт. Если вы не программист и вам нужно сегодня вечером показать инвестору рабочий прототип с памятью, Lavable сделает это проще всех. Плит- победитель в номинации самый умный агент. Его способность самому тестировать свой копт - это нечто идеально для тех, кто хочет быстро собрать и сразу опубликовать работающее приложение в облаке. Google A Studio - победитель в номинации лучший дизайн и безопасность. Его визуальный способ редактирования и автоматическая защита ваших секретных ключей делает её самым продуманным для тех, кто уже думает о безопасности и интеграции с Google. Успех в вайпкодинге - это не про то, как писать код. Это про то, как быть архитектором, как планировать и чётко ставить задачи. Ии. А теперь домашнее задание для вас. У каждого из вас есть свой опыт и свои задачи. Подумайте, какой микробизнес вы бы создали с помощью этих инструментов. Я стилист, трекер привычек, калькулятор для вашей работы. Опишите эту идею одним-двумя предложениями в комментариях. Давайте посмотрим, что можно построить, и, возможно, кто-то из сообщества подскажет вам, как это сделать лучше. Спасибо за ваше время. Начните строить.