Пять слоёв, одна цель: технологический стек Личного кабинета — 1 июня 2026 г. в 08:16:16.295
Пять слоёв, одна цель: технологический стек Личного кабинета Если вам нравятся системы, которые «просто работают», Глава 13 книги «Личный кабинет ИНФАТОН» — как раз про это. Здесь подробно разобрано, из каких слоёв собран кабинет и почему каждый элемент стека выбран без оверинжиниринга — максимальный результат при минимальной сложности. Что внутри пятислойной архитектуры: - Слой 1. Оперативный контур (Data Sources). Здесь живут источники первичных данных: Redmine и Bitrix24 для задач, Telegram для коммуникаций, 1С:Предприятие для учёта, PostgreSQL для прочного хранения и S3 — для файлов. Всё, что происходит «в полях», попадает сюда. - Слой 2. Интеграционный (Integration Layer) 🔌. Синхронизация с внешними системами и мгновенная реакция на события через вебхуки. Плюс календарные интеграции с Google Calendar, Яндекс.Календарём и Apple Calendar (iCal) — чтобы планы и факты совпадали. - Слой 3. Бизнес-логика (Business Logic Layer). Тут «сырые» данные превращаются в управляемую картину: нормализация статусов, расчёт приоритетов по WSJF, декомпозиция задач, управление жизненным циклом и финансовые вычисления. Именно здесь рождается смысл. - Слой 4. Интеллектуальная обработка (AI/Analytics Layer) 🧠. AI-Дирижёр, Автопилот и LLM-сервисы анализируют риски, строят прогнозы, совершают автоматические действия, генерируют тексты и код. Маршрутизатор RouteLLM подбирает оптимальную языковую модель под задачу — быстро и экономно. - Слой 5. Представление (Presentation Layer) 📊. Дашборд с виджетами и удобные модули UI: проекты, задачи, команда, финансы, Канбан, Гантт, календарь. Плюс система уведомлений — toast, email, Telegram и push — чтобы важное не терялось. Чем это всё склеено: - Next.js 14. Один проект — и SSR, и API routes. Быстро, предсказуемо. - React 18. Компонентный UI и Server Components — меньше «клея», больше логики. - TypeScript. Типизация, которая отлавливает до 80% ошибок ещё на компиляции. - Prisma ORM + PostgreSQL. Type-safe запросы, автомиграции и мощная БД с JSON и полнотекстовым поиском. - Tailwind CSS. Utility-first: стили пишутся на скорости мысли. - Framer Motion и Recharts. Живые интерфейсы и наглядная аналитика. - NextAuth.js. Удобная аутентификация: credentials и Google SSO из коробки. - RouteLLM API. Единая дверь ко всем ведущим LLM — без боли интеграций. Итог прост: никакого лишнего, только то, что даёт ощутимую отдачу. Такой стек позволяет быстро внедрять фичи, сохранять прозрачность данных и уверенно масштабировать кабинет — без усложнения ради усложнения 🚀. Если хотите понять, как это сделано «под капотом», эта глава — отличный ориентир. 📖 Читайте полностью: https://infaton.ru/books/cabinet