⏱ Время на настройку: 5-10 минут

📱 Работает на телефоне и компьютере

🎯 Результат: визуально красивый одностраничник, на который можно дать ссылку

• За что все любят lovable.dev
• С этой штукой ты научишься
• Тебе понадобится
• Что будем делать
• Шаг 1. Зайди на https://lovable.dev
• Шаг 2. Введи описание проекта
• Шаг 3. Нажми «Generate site»
• Шаг 4. Опубликуй и получи ссылку
• Что ждём в отчёте
• ⭐ Задание со звёздочкой
• 🧼 Хозяйке на заметку

За что все любят lovable.dev

🪄 Моментальный “вау-эффект”: выглядит как веб-дизайнерская работа, но без дизайнера

✍️ Отправляешь текст — и нейросеть сама превращает его в блоки, цвета и структуру (и кое-что докручивает за тебя)

💬 Можно прикинуть лендинг для продукта, идеи, себя или даже команды, и дорабатывать на ходу

🤠 Никогда не уйдёт в депрессию от бесконечных правок и не оставит без исходного кода (только попросит денег за подписку)

🌍 Легко делиться: получаешь ссылку, которую можно отправить сразу

🧲 Сайт выглядит лучше, чем Notion и грузится быстрее, чем Tilda

С этой штукой ты научишься

✅ Генерировать нестандартные и симпатичные лендинги за 3-4 минуты без навыков программирования и дизайна

✅ Визуально прототипировать идеи (даже без детального ТЗ), тестировать офферы, собирать резюме проектов

*для lovable.dev — это только один из сценариев

Тебе понадобится

• 💻 Компьютер или телефон
• 💡 (опционально) Текст идеи — описание продукта, курса, услуги, пост в блоге или твоя биография

Что будем делать

Шаг 1. Зайди на https://lovable.dev

Шаг 2. Введи описание проекта

Например:

сделай сайт с курсом от Николы Теслы по изобретению лампочки, 150 тыс. рублей в рассрочку от Тинькоф-банка

Шаг 3. Нажми «Generate site»

Подожди пару секунд — и ты увидишь готовый сайт. В чате можешь поиграть со стилистикой и структурой.

Шаг 4. Опубликуй и получи ссылку

Ты можешь его отредактировать или сразу нажать "Share" → "Copy link".

Что ждём в отчёте

📸 Скриншот самой примечательной части экрана и ссылку на сгенерированный сайт

🧠 1-2 инсайта — где можно использовать такие сайты в твоей работе (резюме, MVP продуктов, лендинг для услуг?)

⏱ Сколько времени заняло и что было удобно/неудобно?

⭐ Задание со звёздочкой

Поэкспериментируй с разными сценариями (к некоторым мы вернёмся в следующих уроках):

1. Сделай сайт из поста в Telegram-канале отдельный сайт или мини-приложения
2. Замени Notion-документ или гугло-док на сайт
3. Сделай личный сайт по описанию в канале или с фактами, которые знает о вас ChatGPT (типа, визитка для фрилансера, коуча или разработчика)
4. Лендинг для события или вашей домашней вечеринки

Можно загрузить как есть и посмотреть на идеи от ИИ. Например, я за пару минут сделал веб-калькулятор оценки потенциала идеи по моему посту “Панковский чек-лист”:

Эффект Вадика

💯 Панковский чек-лист: критерии лучшей идеи для стартапа Заморочился и сделал упражнение без ChatGPT: свой чек-лист пиздатого технологического продукта, который мне самому хочется строить. Осторожно: сжато, много терминов 🙌 1. LTV lock → когда клиент активировался и настроился, то платит пока не закроется его бизнес или он сам (условно, website builders, analytics, no-code tools, notion, messaging etc.) 2. growing markets → большие силы, которые сами тащат за собой все проекты в отрасли и/или когда на руку текущие широкие изменения (законодательные, глобальные — финансовый кризис, реклама дорожает, климат, технологии) 3. awareness of problem → наличие у аудитории осознаваемой проблемы/джобы, где уже платят за решение; «вечная проблема» (разработка — дорого, выйти из операционки, как не проебать капитал и т.д.) или новые возможности (больше зарабатывать, уволить часть персонала, чаще иметь секс) 4. one killer use case, с которого можно быстро стартовать → четкий ICP с clean outreach tactics, где внешние…

t.me

Или скопируйте или улучшите то, что сделали участники сообщества:

🧼 Хозяйке на заметку

• Ваш сайт был в lovable сгенерирован пока в виде кода, и у него пока нет визуального редактирования, как в Тильде или другом конструкторе сайтов
• Но код можно испортировать и вставить в другой конструктор сайтов — тот же Framer, Webflow и др. (чем дальше, тем больше таких инструментов)
• Если результат не нравится — попробуй переформулировать текст