BOX MOVING
Процесс
Перенёс макеты Figma в компоненты React и адаптивные стили SCSS. Настроил модели и связи Strapi, подключил REST API к Next.js. Добавил навигацию по каталогу, фильтры, поиск и сохранение заявок на сервере. Настроил статическую генерацию с обновлением контента, title и description из CMS и анимации на GSAP.
Измеримый эффект
- Каталог, новости, кейсы и блоки главной страницы связаны с единой CMS
- Поиск объединяет товары и специальные предложения
- Для главной страницы задан интервал обновления статического контента 60 секунд
Что было сделано
- Разработка адаптивного интерфейса по макетам Figma
- Реализация многоуровневого каталога, фильтров и поиска
- Разработка страниц товаров, вендоров, новостей и кейсов
- Настройка моделей данных и редактируемых блоков в Strapi
- Интеграция frontend с REST API и сохранение заявок в CMS
- Статическая генерация страниц и вывод метаданных из CMS
- Анимации интерфейса и интерактивные элементы на GSAP
Результат
- Собрал корпоративный сайт и B2B-каталог в единой системе
- Подключил редактирование контента через административную панель Strapi
- Реализовал переход от выбора IT-решения к заявке на консультацию
Описание проекта
Разработка корпоративного сайта BOX MOVING на Next.js и Strapi: каталог IT-оборудования и ПО, поиск, фильтры и управление контентом через CMS.
Моя роль: Fullstack Developer / Next.js / Strapi CMS.
Разработал frontend и backend сайта BOX MOVING, поставщика IT-оборудования, программного обеспечения и инженерных решений. На Next.js и TypeScript собрал каталог с категориями, подразделами, страницами вендоров и товаров. Добавил фильтры, поиск по товарам и спецпредложениям, новости и кейсы. В Strapi настроил связанные модели данных и редактируемые блоки главной страницы. Контент поступает на сайт через API и обновляется при повторной статической генерации. Тёмное оформление, фиолетовые акценты и анимации перенёс из макета.
Связанные услуги
Если вам нужен похожий проект, можно начать с одной из этих услуг.