Metro

Metro — крупнейший международный бренд, который 26 лет ведёт свою историю на медиарынке. Новости, интервью, эксклюзивы, афиша, обзор самых важных московских, российских и мировых событий в онлайн и печатном формате.

Наша команда усилила IT-департамент клиента по направлениям Frontend, Backend и QA.

Задача

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

Архитектура проекта

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

Всё это мы реализовали с помощью связующего Rest Api на Django, подключенных баз данных MongoDB и Redis, а также воркера отложенных задач celery.

Django

MongoDB

Сelery

Redis

Архитектурное решение первоначально вызвало внутри команды много дискуссий. Нам важно было понять, как лучше всего «доставлять» новостные статьи до пользователя.

Выбирали из двух вариантов — использовать готовый модуль расширения поля для авторов или написать свой backend, который будет соединять имеющийся инструмент с тем, что увидит пользователь.

После многочисленных тестов мы решили вынести backend в отдельный облачный сервис, который будет принимать, обрабатывать и хранить статьи от авторов.

Первую продакшн версию сайта мы сделали примерно за 2 месяца, а потом продолжили работу — добавили по просьбе клиента новый функционал и оптимизировали работу всех структурных элементов.

Как работает сервис

В качестве инструмента для создания статей мы использовали готовое open source решение SuperDesk, которое предварительно настроили под проект.

Материал создаётся в SuperDesk. Далее он переходит в приложение API (Super Conductor), обрабатывается и превращается в специальный объект. Возвращается в качестве API во frontend, и там уже преобразуется либо в страницу, либо в статью.

Так мы наладили процесс создания хорошо оптимизированных материалов. Авторы статей получили простой инструмент для работы и коммуникации.

Команда и технологии

Функциональное, интеграционное, кроссбраузерное, REST и manual
Python, Django, Redis, MongoDB, celery
SSR, React.js, Next.js

QA

Backend

Frontend

Создали для клиента функциональный и производительный проект с интуитивно понятным дизайном. Настроили SEO, создали различные по наполнению страницы — как для обычных статей, так и для специальных проектов внутри системы. Реализовали полноценный поиск, наполнили статьи виджетами и дали редакторам инструменты для полной свободы творчества.

Frontend developer

Евгений

Хотите такой же проект?