Разработка веб-приложений на React
SaaS • Личные кабинеты • Дашборды • B2B-порталы
Веб-приложение — это уже не сайт, а полноценный софт в браузере. SaaS-платформы, аналитические дашборды, личные кабинеты, внутренние корпоративные системы. Делаю на React + TypeScript с проектированием архитектуры под рост и масштаб.
Что считается веб-приложением
Веб-приложение отличается от сайта по двум признакам: пользователи в нём работают (а не просто читают), и оно требует авторизации, обработки данных в реальном времени, сложной логики. Примеры: CRM-системы, системы учёта, дашборды аналитики, SaaS для бизнеса, обучающие платформы, инструменты для команд.
В отличие от лендинга или магазина, здесь критична архитектура. Плохо спроектированное веб-приложение через год становится невозможно поддерживать — техдолг душит каждую новую фичу. Поэтому я начинаю работу с продумывания базы: структура данных, API, авторизация, разделение ролей.
Стек: React + TypeScript на фронте, Node.js (NestJS) или Astro+API endpoints на бэке, PostgreSQL для данных, Redis для кэша, Auth0/Clerk или своя авторизация. Развёртывание — Vercel, Railway, или ваш собственный сервер. Интеграции с внешними API под задачу.
Кому подходит
Внутренний инструмент компании
Учёт клиентов, склад, расписание, заявки — заменяет Excel-таблицы и связки 5 сервисов. Кастомный под ваши процессы, без переплаты за лишние модули готового SaaS.
SaaS-продукт для рынка
Запускаете свой стартап: подписка, личный кабинет, биллинг, аналитика для пользователей. Делаю MVP за 2-3 месяца, потом дорабатываем по обратной связи.
Личный кабинет клиента
У вас уже есть бизнес (оптовый поставщик, агентство, сервис подписки) — клиентам нужен личный кабинет: история, документы, заявки, чат с менеджером. Снимает 80% рутинной нагрузки с поддержки.
Дашборд / аналитика
Собираете данные из разных источников (CRM, реклама, метрики, складские системы) и хотите видеть одну общую картину. Кастомный дашборд под ваши KPI вместо разрозненных вкладок.
Кастомная разработка vs no-code vs готовый SaaS
Три способа получить веб-приложение. У каждого свои плюсы и подводные камни — выбор зависит от бюджета, сроков и стратегической важности продукта.
| Параметр | Кастомная разработка | No-code (Bubble и т.п.) | Готовый SaaS |
|---|---|---|---|
| Старт | 2-6 месяцев, от 200 тыс ₽ | 2-8 недель, от 50 тыс ₽ | 1 день, от 1 тыс ₽/мес |
| Стоимость владения | Поддержка + сервер | Подписка платформы $30-300/мес | Подписка $10-200/пользователь/мес |
| Кастомизация бизнес-логики | Полная — любая логика | В рамках платформы | Только что предусмотрено |
| Производительность | Высокая — оптимизация под задачу | Средняя — общий движок | Зависит от SaaS |
| Безопасность / 152-ФЗ | Полный контроль, хостинг в РФ | Хостинг у платформы (часто за рубежом) | Зависит от SaaS |
| Масштаб (10к+ пользователей) | Норм, проектируется | Упирается в лимиты | Может расти, но дорого |
| Кому подходит | Уникальная бизнес-задача, рост | MVP, внутренний инструмент | Стандартная задача (CRM, помощь) |
Что входит в работу
Архитектура и проектирование
Не сразу пишу код. Сначала разбираю задачу, рисую схему данных, продумываю API, ролевую модель. Это окупается на дистанции.
React + TypeScript фронт
Современный стек: React 19, TypeScript, Vite/Astro, TanStack Query/Router, Zustand или Redux Toolkit для состояния.
Backend и база данных
Node.js с NestJS или Astro API routes. PostgreSQL, Prisma ORM. Миграции, бэкапы, логирование.
Авторизация и роли
OAuth (Google, Yandex), email/password, magic-link. Гибкая модель ролей и разрешений (RBAC).
Real-time данные
WebSockets, Server-Sent Events, оптимистичные апдейты. Видно изменения мгновенно без перезагрузки страницы.
Интеграции с внешними API
Платёжки, мессенджеры (Telegram, WhatsApp), CRM, ERP, транспортные сервисы. Под вашу специфику.
Личный кабинет и админка
Пользовательский интерфейс + панель управления для администраторов. С разными правами и видимостью.
DevOps и деплой
CI/CD через GitHub Actions, Docker-контейнеры, мониторинг (Sentry), бэкапы БД, документация для дальнейшей поддержки.
Сколько стоит
Цена зависит от объёма функционала. Три типичных уровня:
MVP
- 1 ядро функционала + админка
- Авторизация (email + OAuth)
- Базовая БД и API
- Простой дашборд
- Деплой на Vercel/Railway
Полноценный продукт
- Сложная архитектура с разделением ролей
- Real-time данные
- Платёжная система и подписки
- Интеграции с 3-5 внешними API
- Расширенный дашборд и отчёты
- Документация и тесты
Корпоративный софт
- Сложная бизнес-логика
- Многосерверная архитектура
- SLA и круглосуточный мониторинг
- Соответствие 152-ФЗ / GDPR
- Команда (если нужно подключать)
- Поддержка от 100 часов/мес
Как идёт работа
- 1
Discovery и ТЗ
Глубокий бриф, проработка пользовательских сценариев, ролей, требований к интеграциям. Финальное ТЗ с метриками успеха.
Срок: 1-2 недели - 2
Архитектура и прототип
Схема данных, ER-диаграмма, API-спецификация. UX-прототип ключевых экранов. Согласование стека.
Срок: 1-2 недели - 3
Дизайн UI
Дизайн всех экранов, компонентов, тёмная/светлая темы по запросу. Дизайн-система для масштабирования.
Срок: 2-4 недели - 4
Разработка по спринтам
Двухнедельные спринты с демо. Каждый спринт даёт работающий кусок продукта, который можно тестировать.
Срок: 2-4 месяца - 5
Тесты, документация, запуск
QA, нагрузочное тестирование, документация для разработчиков и пользователей, обучение вашей команды, продакшн-деплой.
Срок: 2-3 недели
Частые вопросы
Чем отличается от сайта?
Сайт — это контент, который вы показываете. Веб-приложение — это инструмент, который вы используете для работы. Если в нём есть авторизация, личные данные, обработка действий пользователя в реальном времени — это уже приложение. Цена и сложность принципиально другие.
Сколько по факту стоит?
Цены сильно зависят от сложности. MVP в одиночку (одна основная фича + админка) — от 200 000 ₽ за 6-10 недель. Полноценный продукт — от 500 000 ₽ и 3+ месяцев. Корпоративный софт — обсуждается отдельно. Бесплатный аудит и точная смета — за 24 часа.
Делаете в одиночку или есть команда?
Сейчас работаю один: фронт, бэк, дизайн, деплой. Это снимает проблему координации, цена идёт в работу, а не в менеджмент. Если задача требует нескольких разработчиков — могу подключить проверенных людей и взять роль тимлида.
Что с поддержкой после запуска?
Поддержка — обязательная часть для серьёзных приложений. Предлагаю абонентскую: от 30 000 ₽/мес за исправление багов, мелкие доработки, мониторинг. Большие новые фичи — отдельные проекты.
Сделаете на нашем сервере или своём?
Гибко. Если у вас есть свои мощности и DevOps — деплою к вам и передаю. Если нет — разворачиваю на Vercel/Railway/собственном VPS. Все доступы и репозитории — ваши, никакого vendor lock-in.
Что насчёт безопасности и хранения персональных данных?
Если работаете с персональными данными граждан РФ — храним на серверах в России (ФЗ-152). Подключаю двухфакторную авторизацию, шифрование sensitive-полей в БД, аудит-логи действий, регулярные бэкапы. По запросу — пентест от внешнего аудитора (отдельно).
Можно ли сделать на no-code (Bubble, Webflow)?
Можно, и иногда это правильный выбор для MVP или внутреннего инструмента — быстро и дёшево. Минусы no-code: упирается в лимиты платформы при росте, ежемесячные подписки, проблемы с производительностью и кастомной логикой. Если продукт критичен для бизнеса или нужно масштабироваться — лучше код. Помогу определить, что подходит вашей задаче.
Кому принадлежит код?
Вам. Передаю репозиторий GitHub/GitLab под ваш аккаунт, все права на исходный код — в договоре. Никакого vendor lock-in: можете в любой момент уйти к другому разработчику или забрать в свою команду. Документацию и архитектурные решения тоже передаю.
Готов обсудить ваш проект?
Бесплатный аудит и предварительная смета — в течение 24 часов после заявки.
Оставить заявку