Раз в пару недель мне пишут с одним и тем же вопросом: сколько стоит разработка админки на React и почему у одной студии смета от 300 000 рублей, а на бирже фрилансер берётся за 20 000. Разброс объясняется просто - под словом «админка» скрывается три разных по сложности проекта: от CRUD-таблицы на десяток полей до полноценной CRM с ролями, аналитикой и интеграцией с эквайрингом и логистикой. Разберу по шагам, из чего складывается цена, сколько это стоит у меня и как не переплатить за лишние фичи.
Из чего складывается цена разработки админки на React
Смета собирается из пяти статей расходов, и почти всегда именно порядок и глубина проработки каждой определяют финальную цифру.
Бэкенд и API
Админка сама по себе - это фронтенд, но без сервера с бизнес-логикой она бесполезна. Если API уже есть, например для мобильного приложения или сайта компании, задача упрощается - остаётся написать эндпоинты под интерфейс. Если бэкенда нет вообще, его разработка часто занимает больше времени, чем сама панель.
Авторизация и роли
Одна роль «админ» - это пара часов работы. Три роли с разными правами на разделы, поля и действия - уже отдельный модуль с матрицей доступов, который нужно продумывать заранее, а не дописывать на ходу.
UI и вёрстка интерфейса
Таблицы с сортировкой и фильтрами, формы с валидацией, модальные окна, drag-and-drop для сортировки списков - каждый такой элемент стоит денег отдельно, особенно если дизайнер нарисовал макет не по стандартным компонентам библиотек вроде MUI или Ant Design, а придумал собственный стиль.
Интеграции с внешними сервисами
Приём платежей, отправка уведомлений, синхронизация с CRM или службой доставки - обычно самая непредсказуемая часть по времени, потому что зависит от качества документации стороннего API, а не от навыков разработчика.
Тестирование и деплой
Для внутреннего инструмента, которым пользуются пять менеджеров, полное покрытие тестами избыточно. Для панели, где ошибка стоит компании денег - например, массовая рассылка не тем клиентам или неверное списание со склада - тесты критичных сценариев и стейджинг обязательны.
Простая CRM-панель на React: сроки и цена
Типовой запрос выглядит так: три-пять сущностей вроде заказов, клиентов и товаров, CRUD-операции, поиск и фильтры по таблицам, одна-две роли, авторизация по логину и паролю. Стек обычно такой: React с TypeScript, TanStack Table для таблиц, react-hook-form с zod для форм, Zustand или Redux Toolkit Query для состояния, бэкенд на Laravel или Node.js с NestJS.
На такую панель у меня уходит три-четыре недели, а стоимость начинается от 100 000 ₽ - это моя базовая цена на разработку CRM или админ-панели на React. В неё входит проектирование структуры данных, вёрстка интерфейса под готовую UI-библиотеку, авторизация, базовые роли и деплой на сервер заказчика.
Студии за такой же объём работ на рынке обычно просят от 200 000 до 400 000 рублей - в эту сумму закладывается менеджмент проекта, дизайнер с нуля и более длинная цепочка согласований. У фрилансеров на биржах цена на рынке может опускаться до 30 000-50 000 рублей, но там часто нет тестирования, а поддержку после сдачи оказывать некому.
Бесплатный материал
🎁 Полезный скрипт в подарок
Подпишитесь на Telegram - пришлю готовый скрипт по этой теме.
Без спама. Отписка в 1 клик.
Админка с интеграциями: эквайринг, СДЭК, уведомления в Telegram
Как только в панели появляются внешние сервисы, смета перестаёт быть простой суммой часов на CRUD. На практике чаще всего встречаются три сценария.
Приём и отображение платежей
Статусы оплаты через эквайринг Т‑Банка нужно подтягивать в карточку заказа и обновлять в реальном времени через вебхуки - это отдельный модуль с обработкой ошибок и повторных запросов, а не просто вывод статуса из базы.
Логистика и статусы доставки
Интеграция с СДЭК добавляет в админку расчёт стоимости доставки, создание заявок на забор груза и синхронизацию статусов трека - это работы на полторы-две недели сверху базовой панели.
Уведомления команде
Часто менеджеру удобнее получать сигнал о новом заказе не через почту, а в Telegram - здесь пригождается бот на aiogram, который дублирует ключевые события из админки. А если нужно ещё и автоматически создавать задачу в другой системе или отправлять письмо клиенту по цепочке условий, такие сценарии я обычно собираю в n8n - это быстрее, чем писать очередной кастомный обработчик на бэкенде под каждое правило.
Панель с двумя-тремя такими интеграциями фактически превращается в небольшой веб-сервис, и цена для меня стартует от 150 000 ₽ при сроке в шесть-десять недель - зависит от того, сколько внешних API нужно подключить и насколько хорошо у них задокументированы вебхуки.
Дашборд или BI-панель на React - и почему иногда лучше Vue
Если задача не в управлении данными, а в их визуализации - графики продаж, воронки, метрики склада без возможности редактирования - это уже скорее дашборд, чем админка, и здесь выбор стека не так однозначен.
| Критерий | React-дашборд | Vue-дашборд |
|---|---|---|
| Экосистема графиков | Recharts, Visx, обвязки над D3 | Chart.js, ECharts через vue-echarts |
| Удобно, если нужны ещё формы и CRUD | да, экосистема компонентов шире | ограниченно |
| Моя цена | от 100 000 ₽ | от 90 000 ₽ |
| Когда выбирать | CRM с редактированием плюс графики в одном приложении | чистый BI-дашборд для руководителя без форм |
На практике если заказчику нужна связка управления данными и отчётности в одном интерфейсе, я закладываю React - экосистема таблиц и форм там богаче. Если это чистая BI-панель без редактирования, Vue часто выходит легче за счёт менее многословного синтаксиса компонентов.
Сколько стоит разработка админки на React на рынке
Сравнение ориентировочное - у каждого исполнителя своя методика расчёта, но порядок цифр примерно такой.
| Исполнитель | Простая CRM-панель | Панель с интеграциями |
|---|---|---|
| Фрилансер на бирже | на рынке около 30 000-70 000 ₽ | на рынке от 100 000 ₽, часто без тестов |
| Студия | на рынке от 250 000 до 500 000 ₽ | на рынке от 500 000 ₽ |
| Я | от 100 000 ₽ | от 150 000 ₽ |
Разница между фрилансером и студией не всегда в качестве кода - часто в накладных расходах на менеджмент, дизайн с нуля и количество согласований. Разница между мной и фрилансером с биржи обычно в архитектуре: я закладываю роли, тесты критичных сценариев и передачу репозитория заказчику, а не только рабочую демоверсию для сдачи проекта.
Как снизить стоимость без потери качества
Сократить смету можно без урезания надёжности, если работать над составом задачи, а не над качеством исполнения.
- Начинайте с одной роли и минимального набора полей - вторую роль и дополнительные поля в таблицах почти всегда дешевле добавить вторым этапом, когда первая версия уже проверена реальными менеджерами.
- Берите готовую UI-библиотеку вместо кастомного дизайна - каждый нестандартный компонент это часы вёрстки и тестирования на разных экранах. Часть готовых компонентов и скриптов для типовых блоков админ-панелей я собираю в библиотеке готовых скриптов, и иногда там уже есть рабочий кусок под конкретную задачу.
- Фиксируйте список интеграций до старта разработки - добавление СДЭК или эквайринга в середине проекта почти всегда стоит дороже, чем если заложить их в архитектуру сразу.
- Не пишите бэкенд с нуля, если можно переиспользовать существующий - если у компании уже есть API для сайта или мобильного приложения, часть эндпоинтов для админки можно унаследовать вместо повторной разработки.
Кастомный CRM/админ-интерфейс
Админка / CRM
от 100 000 ₽
Подробнее →Частые вопросы
Сколько времени занимает разработка админки на React?
Простая CRM-панель с одной-двумя ролями делается три-четыре недели. Панель с интеграциями вроде эквайринга и СДЭК занимает шесть-десять недель в зависимости от количества внешних сервисов и качества их документации.
Можно ли сделать админку дешевле, взяв готовый шаблон?
Да, но экономия обычно ограничена вёрсткой и базовыми компонентами. Бизнес-логику, роли и интеграции всё равно приходится дописывать под конкретный проект, и на этом уходит большая часть бюджета.
Нужен ли отдельный дизайн для админ-панели?
Для внутреннего инструмента чаще хватает готовой UI-библиотеки вроде MUI или Ant Design с минимальной адаптацией под фирменные цвета. Отдельный дизайн имеет смысл, если панелью будут пользоваться клиенты компании, а не только сотрудники.
Как оценивается стоимость доработки существующей админки?
Смотрю на текущий код: если структура понятная и есть тесты, доработка стоит как обычная задача по часам. Если проект без документации и с запутанной архитектурой, сначала закладываю время на разбор кода, и это входит в общую смету.