Vibe Coding Stack

Это полный стек, на котором я собираю продукты в одиночку. От идеи и первого наброска структуры до кода и деплоя на живую ссылку. Команды нет, но есть система, и именно система держит весь процесс, а не геройство по ночам.

Дальше разберу, из чего стек состоит и как части стыкуются в один поток. Не как список модных тулзов, а как рабочий маршрут: где начинается продукт, где он превращается в код, где выкатывается наружу. Главная мысль простая. Один человек собирает продукт не потому, что быстро печатает, а потому, что не путает порядок шагов и не раздувает скоуп. Скорость соло идёт оттуда.

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

Стек минимальный, без зоопарка инструментов. Четыре части, каждая закрывает свой кусок маршрута. Все ссылки ниже рабочие, проверены на июнь 2026.

Первое, Claude Code как ядро. Это то, что превращает твою структуру в рабочий код и держит на себе основную сборку. Ты ведёшь и ревьюишь, ядро пишет. Это CLI-агент, который живёт в терминале и понимает твой проект.

• Сайт и доки: https://code.claude.com/docs
• Установка (нужен Node.js 18+): npm install -g @anthropic-ai/claude-code

Второе, редактор и инструмент под структуру. Нужен, чтобы сначала разложить экраны и логику, а уже потом садиться за код. Я держу под рукой Cursor как AI-редактор, в нём удобно править и видеть код целиком рядом с агентом.

• Cursor, скачать: https://cursor.com/download

Третье, фреймворк под сам продукт. Под веб я беру Next.js. Один запуск команды собирает скелет проекта, дальше ядро наполняет его кодом.

• Next.js, доки: https://nextjs.org/docs
• Создать проект: npx create-next-app@latest my-app

Четвёртое, хостинг для быстрого деплоя. Чтобы выкатить рано и править на живой ссылке, а не собирать идеальное в локальной папке месяцами. Под Next.js проще всего Vercel.

• Vercel: https://vercel.com
• CLI: npm install -g vercel, дальше команда vercel в папке проекта

Как это сделать

1. Идея и структура

Сначала структура и экраны, потом код. Не наоборот. Это главное правило, и большинство ломает именно его. Открывают редактор, начинают писать, и через два дня переделывают всё, потому что по ходу выясняется, какие экраны вообще нужны.

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

2. Сборка в коде

Дальше Claude Code превращает структуру в рабочий проект. Сначала поднимаешь скелет фреймворка, потом запускаешь ядро в папке проекта.

# 1. поставь Claude Code один раз (нужен Node.js 18+)
npm install -g @anthropic-ai/claude-code

# 2. создай скелет проекта на Next.js
npx create-next-app@latest my-app
cd my-app

# 3. запусти ядро в папке проекта
claude

Здесь ядро берёт на себя написание, ты ведёшь и ревьюишь. Не отдаёшь всё на автопилот и не пишешь каждую строку сам. Логика такая: ты даёшь понятную структуру и задачу, ядро предлагает реализацию, ты смотришь, правишь направление, идёшь дальше. Чем чётче ты разложил продукт на первом шаге, тем меньше тут хаоса. Твоя работа здесь не печатать, а держать качество и не давать проекту уехать в сторону.

3. Деплой и итерации

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

# поставь Vercel CLI один раз
npm install -g vercel

# в папке проекта залогинься и выкати
vercel

Готово не бывает. Есть первый релиз, который можно показать, и есть итерации поверх него. Поднял на хостинг, открыл ссылку, увидел реальные косяки, поправил. На живом продукте видно за час то, что в голове не видно за неделю. Ранний деплой это не риск, это способ быстрее понять, что вообще делаешь.

Промпт постановки продукта

Этот промпт ставит продукт в соло-режиме. Вставляешь его в Claude Code или в чат с моделью в самом начале, заполняешь три поля под себя (идея, пользователь, главное действие) и получаешь набор экранов, стек и план на первые три дня. Смысл промпта в том, чтобы сразу резать лишнее и собирать только то, что нужно для первого релиза.

Помоги собрать продукт в соло-режиме.

Идея: <описание>
Кто пользователь: <кто>
Главное действие: <что делает пользователь>

1. Предложи минимальный набор экранов под главное действие.
2. Предложи стек под быстрый запуск.
3. Дай план первых трёх дней работы.
Режем лишнее, только то, что нужно для первого релиза.

Где заходит, где осторожнее

Заходит: соло-сборка MVP и небольших продуктов, когда нужно быстро дойти от идеи до живой версии. Быстрый цикл идея, код, деплой, где ты сам ведёшь продукт и не ждёшь команду.

Осторожнее: соло-режим это про скорость, не про масштаб команды. То, что один человек собирает за неделю, не равно тому, что выдержит большую нагрузку и десяток разработчиков сверху. И дисциплина по скоупу обязательна, иначе продукт расползётся, и вся соло-скорость уйдёт в бесконечные доделки.

Чеклист перед стартом

Перед тем как садиться собирать, проверь четыре вещи.

Ядро это Claude Code, оно стоит и готово к работе (claude запускается из терминала). Есть редактор и инструмент под структуру, в котором ты разложишь экраны до кода. Хостинг под быстрый деплой готов (Vercel CLI стоит), чтобы выкатить с первого дня. Скоуп урезан до первого релиза, без лишних экранов и фич на потом.

Частые ошибки

Код раньше структуры. Садишься писать до того, как разложил экраны, и потом переделываешь. Самый дорогой по времени промах.

Раздутый скоуп. Пытаешься сделать сразу всё, продукт расползается, первый релиз не выходит никогда.

Копишь идеальное в столе. Тянешь с деплоем, шлифуешь в локальной папке, теряешь обратную связь от живой версии.

Путаешь соло-скорость с масштабом команды. Думаешь, что раз собрал быстро в одиночку, то так же легко потянешь нагрузку и рост. Это разные задачи.