VibeCoderzVibeCoderz
Все статьи
Промпты2026/06/247 мин чтения

Создать CRM через вайбкодинг: промпт, стек и что получится за один вечер

Создай простую CRM за один вечер: таблица клиентов, канбан, фильтрация и история звонков, используя готовый промпт и стек Next.js + Supabase.

Содержание (8)+

Создать CRM через вайбкодинг реально за один вечер, если ограничиться минимальным функционалом: таблица клиентов, канбан со статусами, фильтр по менеджеру и история звонков. Полноценный аналог AmoCRM или Bitrix24 за вечер не выйдет, но рабочий инструмент для отдела продаж из 3-5 человек собирается без единого разработчика в команде. Обновлено: октябрь 2026.

В статье разберем готовый промпт для Windsurf и Cursor, рабочий стек на Next.js и Supabase, и где конкретно проходит граница между «успеем за вечер» и «нет».

Минимальная CRM на вайбкодинге: таблица контактов + канбан-статусы + фильтрация по менеджеру + история изменений. Стек Next.js + Supabase разворачивается за вечер, бесплатный тариф Supabase держит до 50 000 пользователей. Дальше в статье: точный промпт, схема таблиц и куда упирается бесплатный план.

Изображение

Зачем создавать CRM самостоятельно, а не покупать готовую

Своя CRM окупается, если у вас узкий процесс продаж и не нужны готовые интеграции с телефонией или 1С. Готовые системы стоят от 500 до 3000 рублей на пользователя в месяц, а самодельная CRM на Supabase бесплатна до 50 000 пользователей.

AmoCRM и Bitrix24 закрывают 90% сценариев продаж. Но именно последние 10%, нестандартная воронка, специфичные статусы, привязка к собственному боту, обычно стоят отдельных доплат за кастомизацию. Команда VibeCoderz собрала портал ровно по той же логике: проще написать промпт под свою задачу, чем подгонять чужую систему.

Максим: «Создал CRM-систему для онлайн-конференции буквально на коленке через Figma Make. Воронка: регистрация в бота, посетил сайт, выписал счет, оплата, открыл приложение. Сделал слоями, по принципу слоеного пирога: сначала база, потом доточил детали».

Готовое решение имеет смысл, если у вас больше 20 менеджеров или нужна сертифицированная интеграция с 1С. Для команды до 10 человек с понятной воронкой свой инструмент закрывает задачу быстрее и без подписки.

Изображение

Какой стек выбрать для CRM на вайбкодинге

Оптимальный стек 2026 года для самодельной CRM: Next.js на фронтенде, Supabase в качестве бэкенда и базы данных, Vercel или Railway для деплоя. Связка разворачивается за 15-20 минут и бесплатна на старте.

Next.js дает серверный рендеринг и API-роуты в одном проекте, без отдельного бэкенда. Supabase добавляет Postgres-базу, авторизацию и realtime-обновления одним подключением. По данным актуальной документации Supabase, бесплатный тариф включает 500 МБ хранилища базы, 50 000 активных пользователей в месяц и неограниченное количество API-запросов — этого достаточно для CRM на 50 тысяч клиентских записей.

Связка Next.js плюс Supabase у разработчиков AI-приложений в 2026 году считается стандартным бэкендом для проектов, собранных через AI-инструменты типа Lovable или Cursor.

Альтернативные варианты для тех, кто не хочет писать код вообще:

ИнструментЧто даетГде упирается
Next.js + SupabaseПолный контроль, бесплатно до 50K MAUНужно немного кода править руками
Figma Make / v0Визуальный конструктор, генерация UI из скриншотаУрезанная база данных (формат key-value)
WordPress + плагинЗнакомая CMS, хостинг недорогойНужен сервер, MySQL вручную

Если задача — собрать MVP за вечер и проверить гипотезу, берите Next.js + Supabase. Если хотите вообще без терминала — Figma Make или v0, но потом придется выгружать проект на GitHub и докручивать базу в более мощном редакторе.

Изображение

Какой промпт дать нейросети для создания CRM

Рабочий промпт для Windsurf или Cursor описывает таблицу contacts с полями id, name, phone, status, manager_id, канбан-статусы и фильтр по менеджеру. Чем конкретнее структура полей в промпте, тем меньше итераций потребуется на исправление ошибок.

Вот промпт, который можно скопировать целиком и вставить в Windsurf, Cursor или другой AI IDE:

«Создай CRM на Next.js + Supabase. Таблица contacts с полями: id, name, phone, email, status, manager_id, notes, created_at. Канбан-доска со статусами: Новый, Контакт, КП отправлено, Договор, Закрыт. Фильтрация карточек по полю manager_id. Все изменения статуса записывай в отдельную таблицу activity_log с полями contact_id, old_status, new_status, changed_at. Drag and drop карточек между колонками. Поиск по имени и телефону через text search Supabase».

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

Лиза: «Раз — описываешь структуру таблицы. Два — даешь точные названия статусов. Три — нейросеть сразу выдает рабочий код без пяти итераций на угадывание полей».

Частая ошибка новичков: писать промпт абстрактно, типа «сделай CRM для продаж». Модель в этом случае придумывает за вас и названия полей, и логику статусов, а потом приходится переделывать.

Изображение

Как пошагово собрать минимальную CRM за вечер

Сборка минимальной CRM укладывается в пять шагов: создание Next.js-проекта с Supabase, написание SQL-таблиц, генерация канбан-интерфейса, подключение фильтров и деплой на Railway. На каждый шаг уходит 15-40 минут при работающем промпте.

Шаг 1. Разворачиваем проект и базу

Команда npx create-next-app --example with-supabase создает шаблон с уже подключенной авторизацией. Дальше заходите в Supabase, создаете проект, копируете ключи API в .env.

Шаг 2. Создаем таблицы через SQL Editor

Вместо ручного создания таблиц через интерфейс быстрее попросить нейросеть сгенерировать SQL-команды по вашему промпту из предыдущего раздела. Вставляете готовый SQL в Supabase SQL Editor, жмете Run — таблицы и связи появляются за секунды.

Обязательно включите Row Level Security сразу на старте. Без этого любой пользователь со ссылкой на проект увидит чужие данные.

Шаг 3. Генерируем канбан-интерфейс

Здесь в дело вступает Windsurf или Cursor. Загружаете промпт, нейросеть пишет компоненты досок, карточек и drag-and-drop. На первой итерации обычно вылезает 2-3 мелких ошибки, типа пустого списка контактов или сбитой логики поиска — это нормально, чинится повторным промптом «исправь ошибку Х».

Шаг 4. Добавляем фильтры и поиск

Текстовый поиск Supabase ищет по конкретному полю через функцию textSearch. Для полноценного поиска по нескольким столбцам сразу (имя, email, телефон) нужен сгенерированный столбец, объединяющий эти данные — иначе поиск работает только по одному полю.

Шаг 5. Деплоим на Railway или Vercel

Подключаете GitHub-репозиторий к Railway, прописываете переменные окружения из Supabase — и CRM доступна по ссылке. Деплой через Railway укладывается в три клика, если репозиторий уже на GitHub.

Изображение

Где CRM на вайбкодинге не справится

Самодельная CRM не подходит, если нужна готовая интеграция с телефонией, сложная отчетность с десятками срезов или работа больше чем 20 менеджеров одновременно. В таких случаях дешевле выйдет готовое решение с подпиской.

Есть нюанс с базами данных в визуальных конструкторах типа Figma Make: под капотом там часто упрощенный key-value формат, а не полноценный SQL. Для пяти статусов и базовых полей хватает, но сложную аналитику по конверсиям туда не встроить.

Второй ограничитель — бесплатный тариф Supabase. 500 МБ хранилища звучит щедро, но при логировании каждого изменения статуса в отдельную таблицу база заполняется быстрее, чем кажется. На практике для CRM до 10 тысяч контактов с историей изменений этого хватает на год активной работы.

Третье ограничение честное: бесконечная доработка. Вайбкодинг создает иллюзию, что можно докручивать функционал вечно — добавить тег, потом фильтр, потом еще одно поле. В какой-то момент нужно зафиксировать рабочую версию и остановиться, иначе CRM не выйдет из режима бета-теста никогда.

Изображение

Сравнение: своя CRM на вайбкодинге против AmoCRM

КритерийCRM на вайбкодингеAmoCRM / Bitrix24
Стоимость на стартеБесплатно (Supabase free tier)От 500 ₽/пользователь в месяц
Срок запуска1 вечер при готовом промпте1-2 дня настройки
Интеграция с телефониейНужно дописывать вручнуюВстроена
Кастомные воронкиЛюбая логика через промптОграничена шаблонами тарифа
ПоддержкаНет, чините самиЕсть тех. поддержка
Лимит пользователейДо 50 000 MAU бесплатноЗависит от тарифа
Изображение

Часто задаваемые вопросы

Сколько по времени создается CRM через вайбкодинг?
Минимальная версия с таблицей клиентов, канбаном и фильтрами собирается за один вечер, 4-6 часов, при готовом промпте и понятной структуре полей. Полноценная доработка с авторизацией и ролями занимает уже несколько дней.

Нужно ли знать код, чтобы создать CRM самостоятельно?
Нет, если используете промпт с конкретным описанием таблиц и статусов. Базовое понимание структуры базы данных поможет быстрее формулировать промпты, но писать код вручную не требуется.

Какой инструмент лучше для CRM: Windsurf, Cursor или Figma Make?
Windsurf и Cursor дают полный контроль над кодом и подходят, если планируете дальше дорабатывать проект. Figma Make быстрее для визуального прототипа, но база данных там урезанная.

Что делать, когда бесплатный тариф Supabase заканчивается?
Переходить на Pro-тариф за 25 долларов в месяц с расширенными лимитами хранилища и трафика, либо оптимизировать структуру таблиц, убрав избыточное логирование.

Можно ли подключить Telegram-бота к самодельной CRM?
Да, через вебхуки. Сервис вроде Telegram-бота отправляет данные на эндпоинт вашей CRM при каждом событии — регистрации, оплате, открытии приложения — и статус карточки обновляется автоматически.

Безопасно ли хранить данные клиентов в Supabase?
Да, при включенной Row Level Security и правильно настроенных политиках доступа. Без RLS любой человек со ссылкой на проект потенциально может увидеть чужие данные.

Чем самодельная CRM хуже готовых сервисов?
Отсутствием технической поддержки и готовых интеграций с телефонией или 1С. За это приходится платить временем на самостоятельную доработку, а не подпиской.

Изображение

Что выбрать: краткая карта решения

Если у вас узкая воронка продаж и команда до 10 человек — собирайте CRM на Next.js и Supabase по промпту из этой статьи. Если нужна готовая интеграция с телефонией и десятки пользователей с разными ролями — берите AmoCRM или Bitrix24. Если хочется просто пощупать концепцию без кода — начните с Figma Make или v0, а потом переносите проект в Cursor для доработки.

Все инструменты для сборки CRM и других проектов на вайбкодинге собраны в каталоге AI-инструментов VibeCoderz. Если нужна помощь с конкретным промптом или архитектурой проекта — записывайтесь на консультацию к Максиму.

Источники: Supabase Pricing 2026, Next.js Documentation.

Обновлено: октябрь 2026.

Автор

Елисавета Наговицына

Предприниматель · Контент-маркетолог · SEO-стратег · AI-продуктолог

2026/06/24

400 000+ органических переходов за 3 месяца. Со-основатель GoBanana (231K пользователей, 12+ млн ₽ без рекламы) и NeuroScribe (65K пользователей). SEO/GEO-стратегии для AI-поисковиков, 1 700+ единиц контента, 17+ реализованных стратегий.

Об авторе →
All Posts

Инструменты, упомянутые в статье

Читать далее

📄 Статья

Промпт для агента перед стартом проекта вместо сделай красиво

Хороший промпт для старта проекта не описывает продукт. Он заставляет агента сначала пересказать задачу, задать вопросы и показать план, и только потом писать код. Один такой промпт экономит час объяснений и десяток переделок. Ниже разберем, из чего…

2026/07/138 мин
📄 Статья

v0 от Vercel: как генерировать React-компоненты по описанию

С помощью v0 от Vercel можно быстро создать полноценный React‑компонент из простого описания: промпт на любом языке генерирует код с Tailwind и shadcn/ui, а бесплатный тариф даёт 5 $ кредитов в месяц. В статье показан пошаговый пример, сравнение с конкурентами и детали цен.

2026/07/077 мин
📄 Статья

Telegram-бот для бизнеса 2026 стек PRD-промпт и запуск за вечер в Windsurf

Создай Telegram‑бота за один вечер – без кода и агентств – с Python, aiogram 3, Supabase, Claude Sonnet 4.6 и Railway, и тратой всего 500 руб/мес. Это быстрый, экономичный способ автоматизировать заявки, FAQ и лид‑прогрев.

2026/06/2412 мин
📄 Статья

Промпт PRD для Telegram-бота в Windsurf и Cursor (2026)

Структурированный PRD‑промпт из 7 блоков позволяет за один раз создать Telegram‑бота с FSM‑логикой, базой и интеграциями, используя Windsurf или Cursor.

2026/06/2411 мин
📄 Статья

Как написать скрипт: правильный промпт для Cursor чтобы получить рабочий код с первого раза

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

2026/06/188 мин
📄 Статья

Как написать парсер сайта на Python за 30 минут: промпт для Cursor и готовый код

Соберите данные с любого статического сайта за 30 минут, используя готовый промпт для Cursor/Windsurf и скрипт на requests, BeautifulSoup4 и pandas, который сразу экспортирует в CSV.

2026/06/1810 мин