front и back-end код.
Подключаем базы данных, API, оплату, CRM.

код

Разрабатываем сайты, веб-сервисы и внутренние системы: интерфейс, серверную логику, базы данных, интеграции с CRM и платежами, выкладку на боевой контур и последующее развитие.

от 15 000 ₽точная смета — после разбора задачи

шесть слоёв
одной системы

интерфейсклиентская логикасервер и apiданныеинтеграцииинфраструктура и релиз

когда подключают нас?

нужен новый сервис

Идея есть, технической команды нет: нужно спроектировать архитектуру, собрать первую версию и выпустить её в работу.

ручная рутина

Заявки переносят копипастом, отчёты собирают в таблицах руками, данные расходятся между отделами.

системы не связаны

Сайт, CRM, склад и аналитика живут отдельно, и никто не видит цифру целиком.

сайт не держит нагрузку

Страницы медленно грузятся, формы теряют заявки, любая правка ломает соседний блок.

подрядчик ушёл

Остался код без документации и доступов: нужно принять проект, разобраться и продолжить развитие.

нужен личный кабинет

Клиентам или сотрудникам нужен доступ к данным с ролями, правами и историей действий.

карта компетенции

интерфейс

Собираем то, что видит человек: адаптивную вёрстку, компонентную библиотеку и все состояния экрана, включая пустое, загрузку, ошибку и отказ в доступе.

  • адаптив от 320 px до широких мониторов без горизонтальной прокрутки
  • компонентная библиотека: кнопки, поля, таблицы, модальные окна
  • формы с валидацией и понятными сообщениями об ошибке
  • доступность: контраст, фокус с клавиатуры, читаемые размеры
HTML / CSSJavaScriptTypeScriptReactNext.jsVue

клиентская логика

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

  • управление состоянием и кэшем ответов сервера
  • маршрутизация, глубокие ссылки, сохранение фильтров
  • оптимистичные обновления и корректный откат при ошибке
  • ленивая загрузка тяжёлых блоков и оптимизация первой отрисовки
REST-клиенткэшированиероутингCore Web Vitals

сервер и api

Бизнес-логика, права доступа и контракты, по которым интерфейс общается с данными. Каждый метод описан, чтобы следующая команда не собирала логику по исходникам.

  • REST API с описанием методов и примерами запросов
  • аутентификация, роли и права на уровне операций
  • фоновые задачи: рассылки, импорт, выгрузки, отчёты
  • логирование операций и трассировка ошибок
Node.jsPythonPHPRESTJWT / сессииочереди задач

данные

Схема сущностей и связей, на которой держится продукт. Здесь же — резервные копии и правила миграций, чтобы обновление не стоило клиенту данных.

  • схема сущностей: пользователи, заказы, документы, события
  • миграции с возможностью отката
  • кэш частых запросов и индексы под реальные сценарии
  • регулярные резервные копии и проверка восстановления
PostgreSQLMySQLRedisмиграциибэкапы

интеграции

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

  • CRM: передача сделок, статусов и контактов в обе стороны
  • платежи: эквайринг, СБП, рекуррентные списания, чеки
  • аналитика: события, цели, сквозные отчёты
  • боты и мини-приложения Telegram, уведомления в мессенджеры
Bitrix24amoCRMЮKassaСБПЯндекс.МетрикаTelegram Bot API

инфраструктура и релиз

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

  • staging-контур, где правки проверяются до боевого релиза
  • автоматическая сборка и выкладка по коммиту
  • мониторинг ошибок и уведомления о падениях
  • SSL, домены, почтовые отправки, базовая защита форм
GitDockerCI/CDstagingмониторинг ошибок

что входит в направление?

фронтенд

  • сайты и лендинги с нестандартной вёрсткой и анимацией
  • личные кабинеты клиентов и сотрудников
  • дашборды: таблицы, фильтры, графики, выгрузки
  • многошаговые сценарии: заявки, расчёты, онбординг
  • компонентные системы, синхронные с дизайн-системой

бэкенд

  • серверная логика и бизнес-правила
  • API для сайта, приложения и внешних подрядчиков
  • роли, права и журнал действий пользователей
  • фоновые задачи и расписания

данные

  • проектирование схемы хранения
  • перенос данных из старой системы
  • отчёты и выгрузки в таблицы
  • резервное копирование

интеграции

  • CRM и учётные системы
  • онлайн-оплата и чеки
  • аналитика и сквозные отчёты
  • внешние API партнёров

боты и мини-приложения

  • боты Telegram для заявок и уведомлений
  • мини-приложения внутри мессенджера
  • внутренние инструменты для сотрудников
  • сценарии автоматических ответов

поддержка и развитие

  • исправление ошибок с фиксированным сроком реакции
  • регулярные обновления и новые разделы
  • мониторинг доступности и скорости
  • передача проекта команде клиента без потери контекста

приёмка чужого кода

  • аудит того, что осталось от предыдущего подрядчика
  • восстановление доступов и репозитория
  • описание архитектуры и слабых мест
  • план: что чинить сейчас, а что переписывать позже

стек и инструменты

фронтенд

TypeScriptReactNext.jsVueViteSCSS

бэкенд

Node.jsPythonPHPREST APIочереди задач

данные

PostgreSQLMySQLRedisмиграциирезервные копии

интеграции

Bitrix24amoCRMЮKassaСБПЯндекс.МетрикаTelegram Bot API

инфраструктура

GitDockerCI/CDstaging-контурSSL и домены

качество

ручное тестирование по чек-листукросс-браузерная проверкамониторинг ошибокпроверка скорости

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

как идёт работа?

разбор задачи

Смотрим текущие системы, считаем объём данных и сценарии пользователей.

на выходе: список сценариев и ограничений

архитектура

Описываем сущности, связи и методы API до того, как написана первая строка кода.

на выходе: схема данных и контракт API

разработка

Собираем по частям: каждый блок сразу попадает на отдельный контур для проверки.

на выходе: staging-контур с доступом

тестирование

Проходим сценарии по чек-листу, проверяем формы, права доступа, поведение при ошибках и на разных экранах.

на выходе: отчёт по чек-листу

релиз

Выкладываем на боевой контур, подключаем домены, аналитику и мониторинг.

на выходе: рабочий продукт и доступы

развитие

Ведём задачи очередями, обновляем систему и держим срок реакции на инциденты.

на выходе: план работ на период

что остаётся у клиента?

репозиторий

Исходный код с историей изменений и доступом на стороне клиента.

доступы

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

документация

Схема данных, описание методов API, инструкция по запуску и обновлению.

чек-лист релиза

Список проверенных сценариев и известных ограничений на момент передачи.

проекты

все проекты — в портфолио

что подключают вместе с кодом?