Metro

Новостной сайт с облачным бэкендом и редакцией на Superdesk

Metro — международный медиабренд, 26 лет на медиарынке: новости, интервью, афиша, онлайн и в печати. Мы усилили ИТ-отдел клиента фронтенд- и бэкенд-разработчиками и QA.

  • Медиа
  • Аутстаффинг
  • Разработка
  • Интеграции
  • 2021–2023
~2 месдо первой продакшн-версии сайта
20+виджетов для статей
  • Команда: фронтенд, бэкенд и QA

задача

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

Что сделали

  • Облачный бэкенд — вынесли в отдельный сервис, который принимает, обрабатывает и хранит статьи авторов. Запросы к базе стандартизировали: REST API на Django, MongoDB, Redis и отложенные задачи на Celery
  • Редакция на Superdesk — настроили редактор под проект и связали с сайтом через API-приложение Super Conductor
  • Шаблоны и виджеты — уникальные шаблоны страниц, больше 20 виджетов и полноценный поиск
  • SEO и разметка — настроили SEO, семантические теги на всех страницах и разметку для Telegram
  • Тестирование — функциональное, интеграционное, кроссбраузерное, через REST и ручное

подробности

Как выбирали архитектуру

Бэкенд-команда стандартизировала запросы к базе данных, наладила их слаженное выполнение и выстроила чёткую структуру проекта.

  1. 01

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

  2. 02

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

  3. 03

    После многочисленных тестов решили вынести бэкенд в отдельный облачный сервис

  4. 04

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

подробности

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

Для создания статей взяли готовое решение с открытым исходным кодом Superdesk и предварительно настроили его под проект.

  1. 01

    Материал создаётся в Superdesk

  2. 02

    Затем он переходит в API-приложение Super Conductor, где обрабатывается и превращается в специальный объект

  3. 03

    Объект через API возвращается во фронтенд и там превращается в страницу или статью

команда

Комментарии команды

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

результат

Чего добились

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

суть проекта

Проект в цифрах и схемах

20+виджетов для статей

Команда

  • Фронтендшаблоны страниц, 20+ виджетов, поиск
  • Бэкендоблачный сервис статей, REST API на Django, Superdesk
  • QAфункциональное, интеграционное и кроссбраузерное тестирование

проект

Как это выглядит

Metro: экран проекта 1Metro: экран проекта 2
01 / 02

технологии

На чём сделали

  • Python
  • Django
  • MongoDB
  • Redis
  • Celery
  • React
  • Next.js
  • Superdesk

Нужен похожий проект?

Расскажите о задаче: разберём её и предложим решение. Бесплатно.

Алексей СырчинГенеральный директор

С чем приходите