Vibe Landing Starter

О курсе

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

Курс рассчитан на продакт-менеджеров, маркетологов и аналитиков, которые хотят самостоятельно создавать рабочие прототипы. Опыт в программировании не требуется — вы будете работать с AI-ассистентом, который напишет код. Ваша задача — понимать, что вы хотите получить, и проверять результат.

Такой подход к разработке называют вайбкодинг: вы описываете задачу, AI реализует, вы корректируете.

Результат

К концу курса у вас будет лендинг с:

• 5 секций — Hero, социальное доказательство, преимущества, FAQ, призыв к действию
• Форма сбора лидов — имя, контакт, согласие на обработку данных
• Аналитика — отслеживание посещений, кликов и конверсий
• Webhook inbox — эндпоинт для приёма событий от внешних сервисов
• Telegram-бот — уведомления о новых заявках
• Деплой — сайт доступен по публичному URL

Что понадобится

• Компьютер с Linux, Mac или WSL на Windows
• AI-ассистент: мы используем Claude Code, но подойдёт и Cursor, OpenCode или другой
• Аккаунт на GitHub
• VPS для деплоя (от ~200 руб/мес)

Про терминал

В этом курсе мы будем много работать с терминалом. Это может быть непривычно, но терминал — самый доступный и точный инструмент для управления программами. Никакого глубокого кунг-фу не потребуется — достаточно базовых команд, и даже их учить специально не нужно. Со временем они запомнятся сами. В любом случае всегда можно спросить агента, как сделать то или иное действие. Главное — понимать, что действие нужно сделать.

Копирование и вставка в терминале работают не через привычные Ctrl+C / Ctrl+V, а через Ctrl+Shift+C и Ctrl+Shift+V — это универсальная комбинация для всех терминалов. Иногда работает выделение мышкой и правая кнопка, но не всегда. Попробуйте оба варианта и используйте тот, что удобнее.

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

Структура

Каждая тема включает разбор, интерактивные схемы, проверочные задания и готовый промпт для AI-ассистента. Промпты накапливаются: после каждой темы ваш проект становится функциональнее.