Что такое Vibe Coding?
Vibe Coding — это подход к разработке, где ты описываешь что хочешь получить, а AI пишет код. Ты говоришь: «Сделай сайт-портфолио с тёмной темой, формой обратной связи и галереей работ». AI генерирует готовый сайт.
Не нужно знать HTML, CSS или JavaScript. Ты работаешь на уровне идей и описаний — AI превращает их в работающий продукт. За 1-2 часа можно создать лендинг, интернет-магазин, Telegram бота или дашборд.
Что можно создать?
Инструменты для Vibe Coding
От новичка до продвинутого: что выбрать, как оплатить из России, где взять код.
| Инструмент | Тип | Цена | VPN | Карта РФ | Код | Деплой |
|---|---|---|---|---|---|---|
| Bolt.new | No-code | Бесплатно / $20 | ❌ Нужен | ❌ | ✅ Скачать | ✅ Встроен |
| Lovable | No-code | Бесплатно / $20 | ❌ Нужен | ❌ | ✅ GitHub | ✅ Встроен |
| Cursor | AI-IDE | Бесплатно / $20 | ⚠️ Частично | ❌ Pro | ✅ Локально | ❌ Сам |
| Windsurf | AI-IDE | Бесплатно / $15 | ❌ Нужен | ❌ | ✅ Локально | ❌ Сам |
| Claude Code | CLI | $ API | ❌ Нужен | ❌ | ✅ Локально | ❌ Сам |
| Cline | Open-source | Бесплатно | ✅ Нет | ✅ OpenRouter | ✅ Локально | ❌ Сам |
| Roo Code | Open-source | Бесплатно | ✅ Нет | ✅ OpenRouter | ✅ Локально | ❌ Сам |
| Aider | CLI | Бесплатно | ✅ Нет | ✅ OpenRouter | ✅ Локально | ❌ Сам |
| v0 (Vercel) | No-code | Бесплатно / $20 | ❌ Нужен | ❌ | ✅ Экспорт | ✅ Vercel |
| Replit | No-code | Бесплатно / $25 | ⚠️ Частично | ⚠️ Не всегда | ✅ Скачать | ✅ Встроен |
✅ = работает из РФ. ❌ = нужен VPN или зарубежная карта. ⚠️ = работает нестабильно.
Подробно о каждом
Быстрый старт: от идеи до сайта
Самый простой путь для пользователя из России. Без VPN, с оплатой в рублях.
Выбери инструмент
Продвинутый: Cline + OpenRouter — полностью бесплатно, без VPN, AI пишет код в VS Code.
Разработчик: Cursor или Claude Code — максимальная мощь, но нужна зарубежная карта.
Сгенерируй сайт
«Сделай лендинг для кофейни: тёмная тема, меню напитков с ценами, форма бронирования столика, Яндекс.Карта с адресом, кнопка Позвонить, отзывы клиентов»Чем детальнее описание — тем лучше результат. Не пиши «сделай сайт» — пиши «сделай лендинг из 5 блоков».
Скачай код
Lovable: автоматический push на GitHub → клонируй себе.
Cline/Cursor: код уже у тебя на компьютере.
После скачивания отключи VPN — дальше всё делается из России.
Купи домен и хостинг
Хостинг: Beget VDS от 400 ₽/мес. Node.js, PostgreSQL, SSL через LetsEncrypt (бесплатно).
Альтернатива: TimeWeb (облако, дороже но удобнее). Amvera (serverless, платишь за использование).
Задеплой сайт
git push или FTP через FileZilla.2. Установи зависимости:
npm install3. Собери проект:
npm run build4. Настрой Nginx на домен и HTTPS (LetsEncrypt).
5. Запусти через PM2:
pm2 start npm -- startСайт в интернете! 🎉
Добавь фичи: почта, аналитика
Яндекс.Метрика: бесплатно, вставь код в тег head сайта.
Формы заявок: EmailJS или Telegram Bot API (отправляй заявки прямо в Telegram).
Подводные камни
Токены быстро кончаются
Сгенерированный код ≠ идеальный
Netlify/Vercel из РФ неудобно
API ключи = деньги
Дизайн как у всех
База данных сложнее чем кажется
VPN нужен только на старте
Свой домен ≠ автоматически
Вопросы из Telegram-чатов
Реальные вопросы от пользователей из России. Собраны из тематических каналов по Vibe Coding.
Часто задаваемые вопросы
Готов создать свой первый сайт с AI?
Выбери инструмент, опиши идею, получи готовый сайт за 1 час. Без знаний программирования.