В предыдущей главе 2 мы по-маленькому определились с тем, «что и для кого делаем». Эта глава — фаза 2: подготовка: прежде чем реально браться за дело, приводим в порядок четыре опоры — технологии, инструменты, дизайн и окружение. Наш девиз здесь — «не усложнять, не мучиться выбором, брать проверенное». Выдохнуться ещё на подготовке — это перевернуть всё с ног на голову. Сделаем удобный для ИИ выбор максимально быстро и придём к состоянию, когда все силы можно бросить на следующую фазу — «создание».
Сомневаетесь — выбирайте то, в чём силён ИИ. Вот и всё правило
Что делаем на фазе 2
Фаза подготовки — это, если в двух словах, «поход за покупками перед стройкой». Самый частый провал в инди-разработке — потратить несколько дней ещё до старта на «подбор инструментов» и «настройку окружения», выдохнуться и так и не добраться до основной работы. Здесь мы не закупаем профессиональную дорогую технику, а берём только базовый набор.
Изучают все модные новинки, сравнивают инструменты до последнего, придирчиво выбирают платный тариф. И выдыхаются ещё до старта.
Проверенный стек, один основной инструмент и бесплатный тариф выбирают в тот же день — и с завтрашнего дня уже создают.
Ориентир — не тратить на подготовку больше одного полного дня. Идеального выбора не существует, а вместе с ИИ поменять решение позже совсем несложно. Правильный ответ — стартовать по принципу «пока пусть будет это».
Выбор технологий — берите проверенное, и реализация пойдёт легко
Технологический стек — это сочетание языка, фреймворка, базы данных и инфраструктуры, на которых строится приложение. И для практического маршрута, и даже для маршрута начинающего полезно понимать, «на каких технологиях всё генерируется»: тогда указания для ИИ становятся точнее.
Вывод о том, как выбирать, прост. Берите «проверенное» — то, что ИИ выучил в большом объёме и пишет уверенно. Ведь чем больше в мире информации о технологии, тем точнее ИИ пишет код. По экзотическим новинкам информации мало, и ИИ чаще ошибается. В инди-разработке железное правило — «ИИ силён = реализация лёгкая = проект доводится до конца».
Много информации, ИИ пишет точно.
Примеры: фронтенд — React / Next.js, бэкенд — Laravel (PHP) или Node.js, БД — PostgreSQL или MySQL, аутентификация и БД — Supabase или Firebase.
Технологии, появившиеся совсем недавно, конфигурации с малым количеством информации на любом языке, экспериментальные фреймворки. ИИ ошибается, а вы гоняетесь за проверкой. Если цель не в учёбе, проверенного вполне достаточно.
💡 Технологии «можно и не выбирать самому». Если не понимаете, какой стек лучше, достаточно спросить у ИИ: «Я делаю в одиночку такое-то приложение. Предложи проверенную технологическую конфигурацию, которую легко реализовать с ИИ и по которой много информации». Предложенное можно принять как есть. Кто хочет копнуть глубже — см. Технологические стеки, дружелюбные к ИИ.
В маршруте для начинающих (no-code) даже этот выбор можно переложить на конструктор. ИИ-конструкторы приложений вроде v0 или Bolt под капотом автоматически используют проверенные стеки — React / Next.js, — так что вам почти не нужно думать о технологиях.
Выбор инструментов — здесь и расходятся маршруты
Самое важное в этой главе — выбор инструментов. Именно здесь главное оружие явно расходится в зависимости от маршрута, выбранного в главе 1. Для начала определитесь с одним основным инструментом.
Скажите в чате «хочу вот такое приложение» — и экраны, и код сгенерируются автоматически. Флагманы жанра — v0, Bolt, Lovable. Достаточно смотреть на превью и вести диалог «поправь здесь вот так», и всё обретает форму.
Сравнение → v0 vs Bolt vs Lovable
Работаете с кодом напрямую, а реализацию, правки и тесты поручаете ИИ и ускоряетесь. Основа — Claude Code, Cursor, GitHub Copilot, Codex. Хорошо расширяется и поддерживается, поэтому подходит для продукта, который вы растите долго.
Сравнение → Сравнение ИИ-инструментов для кодинга
Кто на маршруте начинающего — сначала загляните в статью со сравнением конструкторов, выберите один, а этот раздел можно пропустить и сразу перейти к дизайну и UI. Кто на практическом маршруте — в следующем разделе подробно сравним ИИ-редакторы.
Практический маршрут: сравниваем ИИ-редакторы
Главное оружие практического маршрута — ИИ-редактор, и сейчас четыре из них стали стандартом. Все они проверенные, так что, честно говоря, с любым выбором вы не прогадаете. Просто запомните сильные стороны каждого и выберите тот, что откликнется, — один.
В диалоге автономно, охватывая сразу несколько файлов, реализует и правит. Силён в крупных задачах, которым можно поручить всё — от проектирования до реализации и тестов. Работает в командной строке.
В привычном интерфейсе в стиле VS Code редактируете вместе с ИИ, видя код. Автодополнение, чат и автоправки — в одном флаконе. Идеален как первый ИИ-редактор.
Проверенное решение, встраиваемое в VS Code. Умно дополняет недописанный код. Для тех, кто хочет добавить ИИ, почти не меняя привычную среду разработки.
Даёте задачу — и он автономно, в фоне продвигает реализацию. Агентный вариант для продвинутых, кто хочет вести несколько работ параллельно.
🧭 Если сомневаетесь, выбирайте так. Хотите вести дело, глядя на код в окне редактора, — Cursor (Что такое Cursor?); хотите в диалоге поручить всё разом — Claude Code. Начнёте с любого из этих двух — и практически не промахнётесь. Подробные различия — в сравнении Cursor vs Claude Code vs Copilot vs Codex.
Секрет в том, чтобы сузиться до одного инструмента и освоить его как следует. Чем перебирать всё подряд, лучше сперва сделать один своим напарником и набить руку. Основная часть работы — просто «попросить словами», поэтому и стоимость перехода на другой инструмент потом невелика.
Дизайн и UI — без перфекционизма
Внешний вид приложения — логотип, цветовую схему, раскладку экранов (UI) — сейчас тоже можно подготовить через ИИ. Но на фазе подготовки «без перфекционизма» — абсолютное правило. Стоит увлечься дизайном — и время утекает бесконечно. На стадии MVP в самый раз подход «не уродливо — значит, зачёт».
Логотип, цвета, образ экранов генерируются из слов. Даже с нулевыми знаниями дизайна достаточно попросить «в чистых синих тонах». Сравнение — в сравнении ИИ-инструментов для дизайна.
Есть и инструменты вроде Claude Design, позволяющие ходить между дизайном и кодом. Созданный вид сразу переносится в реализацию.
Не упираться в собственную разработку, а опереться на готовые UI-шаблоны или CSS-фреймворки (например, Tailwind) — тоже разумно. Аккуратный вид получаете в один миг.
⚠️ Не сжигайте день на подгонку по пикселям. Если захотелось снова и снова подкручивать скругление углов у кнопки — это тревожный сигнал. По дизайну достаточно соблюсти всего три пункта: «выбрать 2–3 цвета, оставить отступы, привести в порядок шрифт» — и налёт любительства уже вполне уходит. Проработку деталей не поздно оставить на потом, когда продукт опубликуют и им начнут пользоваться.
Конструкторы приложений на маршруте начинающего сами приводят UI в порядок, поэтому этот раздел почти целиком можно оставить на ИИ. И на практическом маршруте самый быстрый путь — сначала дать ИИ выдать черновик, а потом поправить лишь то, что смущает. Не пытайтесь проектировать дизайн с нуля вручную.
Минимальная конфигурация окружения
Последнее — среда разработки. Здесь тоже считайте, что «хватит простой регистрации аккаунта». В большинстве случаев больше не нужно, как раньше, часами разворачивать среду разработки локально. Всё можно начать с бесплатного тарифа.
Заведите аккаунт в выбранном ИИ-конструкторе / ИИ-редакторе. Сначала попробуйте на бесплатном тарифе, а если не хватит — оплатите.
Для практического маршрута — аккаунт на GitHub. Классика хранения кода и контроля версий. Доступен бесплатно.
Vercel, Netlify, Supabase и т. п. Щедрые бесплатные тарифы. Сейчас достаточно знать названия — подробно разберём в главе о публикации.
✅ Готовьте только то, что нужно «прямо сейчас». Покупка домена, платный сервер, подключение платёжного сервиса пока не нужны. На стадии создания необходимы лишь «инструмент» и «хранилище кода». Всё, что нужно для публикации и монетизации, вы подготовите в соответствующих главах — ровно столько, сколько понадобится. Не платите наперёд.
Как только вы зарегистрируете инструмент, многие ИИ-редакторы и конструкторы по одному нажатию кнопки «создать новый проект» автоматически подготовят весь набор нужных файлов. Если застрянете на настройке окружения — просто вставьте текст ошибки в ИИ и спросите, и обычно всё решается. Уже на стадии подготовки ИИ — ваш напарник.
Итоги главы
- Технологии — берите проверенное. Конфигурация, которую ИИ пишет уверенно = лёгкая реализация = доведение до конца. Сомневаетесь — можно попросить предложить ИИ.
- Инструмент — по одному на маршрут. 🌱 Начинающий = ИИ-конструктор приложений (v0 / Bolt / Lovable), 🔧 практик = ИИ-редактор (Claude Code, Cursor, Copilot, Codex).
- Дизайн — без перфекционизма. Сделайте черновик через ИИ и соблюдите лишь три пункта — цвета, отступы, шрифт, — и это зачёт.
- Окружение — минимальная конфигурация. Хватит простой регистрации аккаунта, всё с бесплатного тарифа. Не платите наперёд.
Фундамент готов. Дальше — наконец фаза, где мы вместе с ИИ берёмся за дело и реально придаём продукту форму. Быстро крутить цикл «запустил по-маленькому — поправил» — как именно это делать, посмотрим в следующей главе 4 «Создаём вместе с ИИ».