VibeCoderzVibeCoderz
Все статьи
2026/06/247 мин чтения

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

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

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

Создать 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 бесплатноЗависит от тарифа
Изображение

Глоссарий

Канбан — визуальная доска со столбцами-статусами, между которыми перетаскиваются карточки задач или клиентов.

Row Level Security (RLS) — механизм Supabase, который ограничивает доступ к строкам базы данных в зависимости от того, какой пользователь делает запрос.

Text search — встроенная в Supabase функция полнотекстового поиска по полям базы данных без подключения внешних сервисов.

MAU (Monthly Active Users) — количество уникальных активных пользователей за месяц, по этому показателю считаются лимиты бесплатных тарифов.

Webhook — автоматическое уведомление, которое один сервис отправляет другому при определенном событии, например смене статуса заявки.

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

Сколько по времени создается 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.

All Posts

Автор

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

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

2026/06/24

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

Об авторе →

Читать далее

📢 Новость

Claude Code: новый CLI-агент от Anthropic

Anthropic выпустила Claude Code — терминальный AI-агент для разработчиков. Инструмент работает прямо в командной строке и умеет писать, редактировать и запускать код.

2026/02/27
📝 Конспект

Zcode AI: Полный гид по визуальному интерфейсу для Claude Code и AI-агентов

Узнайте, как использовать Zcode для управления Claude Code, Gemini и Codex в едином GUI. Настройка провайдеров, MCP-серверов и визуальный вайбкодинг.

2026/02/28
📝 Конспект

YouTube-канал с монетизацией из любой точки мира: Пошаговый гайд 2026

Инструкция по созданию YouTube-канала: обход блокировок SMS, настройка расширенных функций через виртуальные номера и правила безопасности для монетизации.

2026/02/28
📝 Конспект

Windsurf Code Maps: Как глубоко понимать архитектуру проекта перед написанием кода

Полный гайд по Windsurf Code Maps, модели Sway 1.5 и Sway Grep. Узнайте, как визуализировать архитектуру кода и ускорить разработку в 13 раз.

2026/02/28
📝 Конспект

Vk Fast Cash Strategy

Аудитория ВКонтакте — это те же люди, что и в Instagram, но 'социальный контракт' площадки другой. Если Instagram — это 'дорогой ресторан' с демонстрацией успеха, то VK — это 'душевная шашлычная'. Здесь не работает глянцевый 'успешный успех

2026/02/28