Редакции был нужен управляемый выпуск новостей, а не ещё одна форма для статей
Контент поступает из внешней платформы, проходит редакторскую проверку, переводится на русский, казахский и английский, получает медиа и дату выпуска, а затем должен быстро появиться на сайте. Ручные переносы, несвязанные переводы и зависимость от разработчика замедляли этот цикл. Мы разделили продукт на API, редакционную панель и самостоятельный публичный frontend.
Задача
Убрать ручной хаос из работы мультиязычной редакции
Решение
Headless CMS, автоматическая синхронизация и конструктор страниц
02 / Боль → решение
Продажа решения начинается с ежедневных потерь редакции
01
Контент в разных инструментах
Статьи, изображения, переводы, меню и настройки живут отдельно, создавая ошибки при переносе.
Как решили
Объединили Article, Translation, Category, Media, Menu и Settings в общей модели и одном рабочем интерфейсе.
02
Языковые версии расходятся
Редактор не видит, какой перевод готов, опубликован или запланирован.
Как решили
Сделали RU/KZ/EN самостоятельными сущностями со статусом, датой, SEO-полями и контролем готовности.
03
Сайт зависит от разработчика
Изменение главной, рубрики или порядка блоков требует правок кода.
Как решили
Создали drag-and-drop конструктор из 20 типов блоков с черновиком, предпросмотром и отдельной публикацией макета.
04
Импорт съедает время
Материалы из Insider приходится переносить, раскладывать по рубрикам и проверять вручную.
Как решили
Добавили полную и частичную синхронизацию, расписание, mapping рубрик и правила обязательных языков.
03 / Информационная архитектура
Путь пользователя собран вокруг содержательной задачи
Архитектура подтверждена предоставленной документацией, структурой приложения и реальными экранами продукта.
04 / Ключевой UX
Редактор контролирует весь выпуск — от импорта до публичной страницы
Список статей показывает статусы, рубрики, даты и языковые версии. Синхронизация выносит технические правила в понятные настройки, а визуальный конструктор позволяет собирать главную, рубрику и статью без обращения к разработчику. После публикации backend инвалидирует только связанный кеш — сайт обновляется без полной пересборки.
Редакционный списокПоиск, статусы, языки, рубрики и массовые действияСинхронизация с InsiderРасписание, mapping рубрик и контроль результата импорта
05 / Контентная модель
Контентная модель поддерживает редакционный жизненный цикл, а не только хранение текста
Article
Материал
Статус, дата, автор, тип, рубрика, медиа и показатели
ArticleTranslation
Языковая версия
RU/KZ/EN, собственный slug, SEO и время публикации
PageLayout
Макет страницы
Секции, колонки, блоки, порядок, черновик и версия
MediaFile
Медиатека
MIME, размер, вес, alt, подпись и Cloudinary URL
SyncLog
Интеграционный журнал
Источник, результат, ошибки и время синхронизации
User / Session / Audit
Контроль доступа
Роли, отзываемые сессии и история изменений
06 / Технический стек
Три приложения разделяют редакционные процессы и публичную доставку контента
Express.js 4 + Node.js 22REST API, auth, content, media, sync, layouts и public endpointsPostgreSQL 16 + Prisma 515 основных моделей и 6 каталогов миграцийNext.js 14 + React 18Админ-панель, Tiptap, dnd-kit, TanStack Query и RechartsNext.js 16 + React 19Публичный сайт с SSR, ISR и tag-based revalidationCloudinary + MulterЗагрузка, хранение и повторное использование медиаDocker + health-checkMulti-stage build, миграции при запуске и endpoint /health
07 / Интерактивные сценарии
Интерфейс помогает закончить задачу без лишних переходов
Rich-text editor
Tiptap для текста, медиа и структурированных материалов
Drag & drop
dnd-kit для секций, колонок и 20 типов блоков
Scheduled publish
Отложенный выпуск и отдельные статусы переводов
Audience loop
Просмотры, закладки, комментарии и реакции возвращаются в CMS
08 / SEO и доставка
Поисковая инфраструктура встроена в редакционный процесс
Публичный frontend формирует динамические metadata, canonical, языковые alternate-ссылки, Article и Breadcrumb JSON-LD, стандартный sitemap, Google News sitemap и robots.txt. SSR/ISR дают поисковику готовый HTML, а точечная revalidation обновляет только изменённые материалы. Это превращает SEO из ручной задачи редактора в часть публикационного конвейера.
3языка
2типа sitemap
SSR + ISRрендеринг
JSON-LDArticle + Breadcrumb
Скриншоты админ-панели используют демонстрационные данные, но сняты из рабочего интерфейса. Масштаб указан по текущему репозиторию и не подменяется метриками посещаемости.
09 / Контрольный контур
Мобильный читатель получает полноценную публикацию, а не урезанную копию
Публичный сайт сохраняет рубрики, читаемую типографику, иллюстрации и переходы между материалами на ширине 375 px. Контент остаётся серверно отрендеренным, а next-intl удерживает структуру при переключении RU/KZ/EN.
Масштаб продукта подтверждается структурой кодовой базы
01
76 REST handlers
API покрывает авторизацию, контент, медиа, синхронизацию, layout и public data.
02
262 файла
Три TypeScript-приложения разделены по ответственности.
03
Security baseline
JWT, bcrypt, Zod, Helmet, CORS allowlist и отдельные rate limits.
04
Publishing pipeline
Черновик, предпросмотр, расписание, публикация и точечная инвалидация кеша.
05
Эксплуатация
Docker, Prisma migrations, health-check, Winston и обработка ошибок.
06
Расширяемость
REST API готов для мобильного приложения, бота или дополнительной витрины.
11 / Реальные интерфейсы
Ключевые сценарии показаны на работающих экранах продукта
МедиатекаЕдиное хранение изображений, видео, аудио и документовТемы и брендингПалитра, типографика и визуальные настройки без кодаПубличная главнаяРедакционная композиция, собранная из управляемых блоковСтраница рубрикиНавигация по тематическому потоку материаловСтраница статьиМультимедиа, социальные механики и связанные публикацииКонструктор и публикацияЧерновик макета, предпросмотр, версии и выпуск изменений
12 / Результат
Редакция получает собственную цифровую платформу вместо набора плагинов: материалы синхронизируются, переводы управляются независимо, страницы собираются визуально, а публичный портал обновляется быстро и предсказуемо.
Коммерческая ценность — меньше ручных переносов, ниже зависимость от разработчика и единый контроль выпуска на трёх языках.
