[0:00]Я приветствую всех будущих веб-кодеров. Студии по разработке сайтов берут от 30 до 150.000 рублей за разработку простого лендоса.
[0:09]У них это занимает там 2-3-4 недели, а я сейчас вместе с тобой сделаю такой же сайт буквально за 20 минут.
[0:15]Попутно все тебе объясню и покажу, как тебе сделать так же и начать на этом зарабатывать.
[0:20]Смотри, какой я уже дизайн сделал. Сейчас я его вместе с тобой перенесу прямо в код.
[0:26]Это для карго транспортной компании. Сейчас поймешь почему.
[0:30]Смотри, какой у нас положняк. Просто если написать в интернете заказать лендинг и открыть первый попавшийся сайт, какой-то Сергей студио, то что мы здесь увидим.
[0:42]Давай откроем даже несколько сайтов, почему нет.
[0:45]И вот что мы тут увидим. Разработка лендинга под ключ от 30.000 руб. Вот стоимость создания лендинга. Вот это вот самая нормальная как бы услуга. 60.000 руб. 20 дней разработка до 6 блоков. Лендинг под ключ. 60.000 руб.
[1:02]Здесь что мы видим у нас, например. Разработка лендинга от 120.000, от сложный от 170. от 220.
[1:12]Ещё раз какой-то третий сайт. От 200.000. Вот самый дешёвый сайт, который я нашёл, самая дешёвая студия 60.000 руб, 20 дней сроки.
[1:22]Погнали посмотрим просто какие у нас здесь есть работы. Я это уже сейчас предварительно смотрел. Смотреть все наши работы.
[1:30]Вот Карго из Китая. Но у меня их сайт не открывается. Открывается у меня паспорт Израиля. Вот пример тех сайтов, которые стоят 50-60.000 руб.
[1:42]Очень на первый взгляд простой сайт. И давай мы сейчас просто вместе с тобой буквально сделаем его за, я не знаю, 15 минут, наверное.
[1:53]То есть скопируем на него ссылку и откроем такого умного АИ дизайнера, веб-дизайнер это сейчас называется, короче Google сами это позиционируют как веб-дизайн.
[2:04]Стич называется. Вот Stitch Google, Stitch.visgoogle.com. Stitch.visgoogle. Вот открываем у нас тут веб-дизайнинг.
[2:12]Что мы хотим сделать? Веб-интерфейс. Здесь выбираем модель 3.1.
[2:18]Вообще, он вообще бесплатный сейчас, потому что это бета-версия. Прямо сейчас он бесплатный.
[2:24]Вставляем ссылку на этот сайт. Давай поделаем ещё скриншоты, чтобы он сделал похожие. Тут вообще немного экранов прямо.
[2:35]Второй скриншот, третий. К сожалению, в Stitch можно до 5 скриншотов загрузить. Четвёртый.
[2:49]Давай вот так вот ещё. Вот просто вот так вот сделаем вот контакты, отзывы и прочее пятым скрином.
[2:54]Смотри, я разрабатываю сайт конкурента и хочу сделать почти сайт один в один для вот получения паспорта Израиля.
[3:02]Можешь, пожалуйста, картинку паспортов сгенерировать с нано банана, а структуру сайта всю сделать, сохранить такую же?
[3:09]В чём прикол Гугла сейчас? Они сделали очень много всего. То есть у них нано банана лучшая модель для генерации картинок, и в подписке она стоит копейки, она включена.
[3:22]У них вот этот вот веб-дизайнинг, и при этом у них ещё и бесплатный редактор кода. Смотри, пока он дизайнеет, давай перейдём и скачаем редактор кода.
[3:31]Называется Антигравити. Просто antigravity.google. Жмём здесь справа скачать, выбираем свою операционку и скачиваем.
[3:41]Смотри, в чём ещё один прикол именно Гугла и Антигравити. Если мы сейчас зайдём на такой сайт как pla.market, вот он pla.market.
[3:51]И напишем здесь Gemini, то для того чтобы приманить, привлечь к себе много-много новых пользователей, они через разные всякие страны раздают подписку буквально за копейку.
[4:02]То есть если мы зайдём за, ну, на pla.market, мы увидим AI Pro 6 месяцев за 1.200 руб. То есть можно вот зайти и буквально за 1.200 руб. купить себе подписку на Gemini Pro.
[4:22]То есть не плюс, эта подписка стоит 20 долларов в месяц, то есть там 1.800 руб., 1.600 руб. в месяц.
[4:44]В месяц. То есть это дешевле, чем одно кофе в Москве или в Питере. За 250 руб. в месяц мы получаем подписку на AI Pro, где у нас есть нано-банана, у нас есть генерация видео, и у нас есть Gemini, и у нас есть Stitch.
[5:00]И мы можем, ну, что угодно делать. Давай вернёмся в Stitch. Сайт у нас сейчас генерируется. Окей, подождём. Сейчас будет магия монтажа.
[5:08]Так, дизайн у нас готов, но мой косяк то, что оно все на английском. Смотри, покажу ещё пару приколов Stitch. Вот мне что-то не нравится, я могу нажать здесь сверху modify изменить.
[5:20]И вот система проектирования. И здесь я могу изменить, например, цвета, тему. Шрифт я могу поставить другой. Вьетнам про.
[5:32]Везде другие шрифты, радиус скругления другой. То есть вот это вот Save and Apply, например. Окей, но проблема в том, что мне нужен сайт на русском.
[5:40]Стой, у нас есть снизу вот такой вот плюсик. Сразу три варианта сайта можно сделать. Смотри, неплохо получилось, но добавь сгенерированных с нано-банана картинок паспорта, прямо очень красивых везде картинок сгенерированных, добавь карту внизу сгенерированную, добавь.
[6:01]И сайт должен быть на русском. Весь сайт должен быть на русском и вызывать доверие, вот такую вот облачно-воздушную тему и красные кнопки, как в референсе, что я тебе прикрепил.
[6:12]И вот за счёт того, что у нас вот эта вот три Икс кнопка, сейчас у меня не вставилась. За счёт вот этой вот три Икс кнопки, у нас сейчас сгенерируется сразу три сайта, поэтому сейчас ещё одна небольшая магия монтажа.
[6:29]И у нас будет три готовых сайта на выбор. Давай, погнали. Так, вот он мне сгенерил буквально за одну минуту все три дизайна. На выбор можно смотреть каждый. Первый.
[6:38]Ваш Израильский паспорт быстро и надёжно. Окей, прикольно, красиво. Но я уже вижу моего фаворита. Вот этот так себе получился, но тоже неплохо.
[6:50]Но вот это вот мой фаворит. Оформление паспорта Израиля за 5 дней. Почему нас выбирают? Наши услуги везде он картинки сделал. Паспорт, водительские права, банковский счёт. Стой, кстати, тут ещё можно изменить и выбрать конкретную штуку. Прямо вот здесь уже можно текст, например, переписать. Вот здесь вот изменить текст можно.
[7:13]Ну и, например, поправить его. То есть не через код, вот, паспорт изменить текст. Всё, паспорт, условно. То есть я не прошу промтаймить Gemini GPT Claude поменяй вот здесь вот текст, а прямо здесь сразу в дизайне и наглядно вижу, как оно все меняется.
[7:30]Процесс оформления, отзывы наших клиентов, частые вопросы, связаться с нами. Окей. Выглядит офигенно, на мой взгляд, и это заняло у меня буквально 2 минуты.
[7:42]То есть давай посмотрим, какой дизайн у нас есть. Уфф.
[7:50]Уфф. Я думаю, тут все без слов понятно, если честно. Давай перенесём этот дизайн в Antigravity приложение, которое, я надеюсь, ты скачал.
[8:00]Откроем его во-первых, здесь нажмём открыть папку, перейдём в документы, новую папку создадим. Израиль лендинг. Создать. И откроем её в Antigravity.
[8:15]Смотри, что нам надо. Это все штуки от Гугла. И Stitch, и Antigravity это все от Гугла. Здесь мы жмём просто экспорт и выбираем MCP.
[8:28]Скопировать запрос. Если ты первый раз открыл Antigravity, смотри. Жмём вот сюда вот, здесь выбираем MCP сервера.
[8:38]Здесь выбираем Stitch. И жмём кнопку установить. Нужно будет, он сам предложит открыть настройки, скопировать ключ, вставить ключ это буквально два клика делается.
[8:51]То есть здесь копируем запрос. Здесь идём в Antigravity, нажимаем вот код with Agent, кодироваться агентом. Открываем.
[9:00]Здесь ставим обязательно Gemini 3.1 Pro, здесь режим Planning. Давай побольше сделаю всё. Вставляем в него вот эту вот штучку и говорим.
[9:14]Скопируй, пожалуйста, весь этот лендинг и подними его, чтобы он у меня работал, я его в браузере мог открыть и уже посмотреть.
[9:23]Все. Буквально один запрос. Отправляем. И ждём. Сейчас через ещё буквально минуту у меня уже будет готовый лендос.
[9:33]Все, прошло буквально меньше минуты. Он запустил у меня сайт. Оп, оформление паспорта за 5 дней. О, прикольно. Консультация, наши услуги, подсвечивается все. Здесь все вот так приближается, красиво анимировано.
[9:50]И здесь связаться с нами. А, сейчас это просто HTML страничка, то есть логики никакой нету. Не связаться с нами, ничего не будет работать. Но есть люди, которые продают лендинги даже так, и как бы их покупают даже так. Скорее есть люди, которые покупают даже так.
[10:07]Уфф. Ладно, без комментариев. Давай исправим и сделаем его как бы более функциональным, скажем так.
[10:15]Также заходим обратно в Gemini. Смотри, а можешь сделать из этого теперь полноценный сайт, типа, а не просто HTML? Полноценный сайт, чтобы человек заполнял форму, и она хранилась у нас в данных, хранилась в SQLite базе данных. Этого будет достаточно.
[10:37]Все, отправляем опять запрос, ждём ещё буквально одну минуту. Итого, сколько у меня прошло моего челленджа? Минуток 12.
[10:47]И мы уже имеем готовый вот здесь готовую страничку, которую мы сейчас просто оживим ещё нормальным фронтендом, тоже через Gemini.
[11:00]Кстати, Gemini мне предложил тут хорошую идею в чатике. Типа, давай добавим админку в Телеграме, и сейчас тебе для видоса тоже покажу, как можно прям сразу и админку добавить.
[11:09]Так что в этом настолько нету ничего сложного. Открываем бота в телеге BotFather, нажимаем здесь Open, создать нового бота. Landing Page Admin Panel Bot. Создаем бота, копируем токен.
[11:30]И просто вставляем его в Gemini. Вот бот. Давай сделаем в нем админку, чтобы приходили все уведомления в ТГ. Сейчас отправим это следующим запросом, как он это все завершит. И покажу, как оно все на самом деле легко делается сейчас.
[12:08]Вообще, вот смотреть, как нейронка кодит это офигенное занятие. И мне сразу сейчас, пока я сижу это делаю, вспомнился вот этот вот мем, и, ну это просто любимое занятие, наверное, любого человека сидеть и смотреть, как другие работают.
[12:25]Ой, что там? Файлы создаются. Ну, прикольно, прикольно. Команды сам выполняет, все устанавливает, то, что надо. Вообще офигенно же. Сидишь, смотришь вот так вот, как нейронка за тебя работает. Кайф.
[12:40]Так, отлично, я переписал лендинг с нуля. Можешь зайти на главную страницу, для Telegram уведомлений нужен чат ID. Окей, возьми сам чат ID, пожалуйста.
[12:51]Я запустил бота, возьми сам мой чат ID и сделай только меня админом, и положи там, куда надо. Давай пока посмотрим, что он сделал. Localhost 3.000, перейдём. Окей, консультация, наши услуги, подробнее, подробнее, подробнее. Кайф.
[13:24]Давай проверим, ведёт ли оно в админку. Заявка отправлена. Новая заявка. Все. Как бы если посмотреть на этот сайт и представить, что его делали 20 дней, а не 20 минут, и здесь продают услугу за 1.000 евро, как минимум, то, блин, студии лендосов, у меня для вас плохие проблемы, потому что я вот сделал на видос вот это буквально за 20 минут.
[15:55]Ну, классно, слушай. Что? Теперь ты умеешь писать, делать сайты на заказ, можешь идти создавать свою студию для разработки лендосов и искать клиентов.
[16:07]Но, к сожалению, поиск клиентов это самое сложное, поэтому за этим я тебя приглашаю в мой Telegram канал. Подписывайся по ссылке в описании.
[16:17]Там я как раз-таки в ближайшее время уже буду рассказывать про то, как искать себе клиентов на вот эти вот AI услуги.
