как писать аппки, даже если у тебя лапки
bolt.new
работает прямо в браузере: вы описываете, что хотите, и bolt это делает. можно вносить правки, загружать изображения с желаемым дизайном. готовый код доступен для скачивания или деплоя на netlify. с react работает хорошо, с nuxt/vue — не очень
v0.dev
конкурент bolt, также ориентированный на создание лендингов. использует библиотеку компонентов shadcn, что отвечает за аккуратный и современный UI. недавно добавлена интеграция с поиском по репозиториям Github. простой и быстрый деплой на vercel
lovable.dev
полноценная full-stack AI-среда разработки в браузере. поддерживает базы данных Supabase, синхронизируется с Github, предоставляет полный доступ к коду. вы описываете идею приложения или игры, а lovable превращает её в готовый продукт. попробуйте — wow-эффект гарантирован
Cursor
интегрированная среда разработки (IDE), а не браузерный генератор. cursor предназначен для тех, кто готов работать с кодом на естественном языке. вы говорите, что нужно сделать или поменять в проекте, а он пишет код. поддерживает обращение к документации, поиск онлайн, позволяет создавать фронтенд, бэкенд, интеграции с API. требует базовых знаний о структуре проекта. для меня это основной инструмент
Windsurf
конкурент cursor с некоторыми отличиями (плюс дешевле). также является IDE, работает локально, поддерживает одновременное редактирование нескольких файлов. недавно анонсирована интеграция с MCP (model context protocol), позволяющая LLM напрямую работать с базами данных, серверами и файлами (очень крутая штука, напишу о ней чуть позже, как сделаю свой проект). слабая сторона windsurf — не поддерживает работу с документацией
как собрать рабочее веб-приложение с помощью этих инструментов:
1. используйте bolt.new для создания прототипа, описав желаемый функционал
2. загрузите скриншот референсного сайта, чтобы получить похожий дизайн
3. скачайте код и откройте его в cursor или windsurf, доработайте детали.
4. опубликуйте готовое веб-приложение на netlify или vercel (это бесплатно для небольших проектов)
если сталкиваетесь с трудностями, запрашивайте пошаговые инструкции прямо в cursor
все эти сервисы имеют бесплатные тарифы для теста и экспериментов
@aimastersme