Бизнес Партнёр

Главная как обложка номера

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

Рубрики и фильтры

Рубрики собирают материалы по одной теме. Внутри можно оставить только интервью или только лонгриды и отсортировать статьи по просмотрам или времени чтения.

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

Страница статьи

У статьи есть авторы, обложка, время чтения, краткое содержание и колонка похожих материалов справа. Дочитав текст, читатель сразу видит, что ещё почитать по той же теме. В текст можно вставить блоки «Читайте также» и подборки рекомендаций, которые редакция собирает вручную.

Панель редакции

Контентом управляют в Strapi 5. В панели заведены статьи, рубрики, теги, авторы и эксперты. Статья собирается из блоков: текст, заголовок, изображение, цитата, видео, галерея, таблица, список, выделенная мысль, вывод и подборки «Читайте также». Блоки можно расставлять в любом порядке, поэтому лонгрид, интервью и короткая новость собираются из одного набора элементов.

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

Технологии

Сайт написан на Next.js 16, React 19 и TypeScript, стили на Tailwind CSS 4, интерфейс собран из компонентов shadcn/ui и Radix. Тёмную тему переключает next-themes, карусели построены на Embla, а текст из редактора перед выводом проходит очистку sanitize-html. Панель редакции работает на Strapi 5 и PostgreSQL. Оба сервиса упакованы в Docker и выкатываются через GitLab CI, а поиск по журналу работает через собственный маршрут сайта.

Поиск

Next.js выбран во многом ради поиска. Страницы статей и рубрик отдаются готовым HTML, у каждой свой адрес вида «рубрика/статья», заголовок, описание и каноническая ссылка. Хлебные крошки на странице продублированы в микроразметке, а сами статьи описаны как BlogPosting с автором, издателем и экспертами, проверившими материал.

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

Итог

У Business Partner теперь есть всё, что нужно деловому изданию. Главная выстроена как обложка журнала, рубрики с фильтрами собирают материалы по темам, а страница статьи ведёт читателя к следующему тексту. Редакция сама ведёт контент в собственной панели и выпускает материалы без участия разработчиков. Сайт на Next.js быстро отдаёт готовые страницы, а структура адресов, разметка и список страниц для поисковиков заложены в платформу с самого начала.