Модернизация сайта для расширения бизнеса
Перевод сайта на современные технологии и оптимизация системы управления контентом
Клиент
В рамках соглашения о неразглашении (NDA)
Проблемы
- Недовольство пользователей существующим веб-сайтом
- Устаревшие технологии, низкая производительность и дизайн сайта
- Необходимость привлечения разработчиков для создания новых страниц и управления контентом
- Большой объем данных, которые необходимо перенести
- Обеспечение бесперебойного функционирования бизнеса
Наши решения
- Переход на Next.js
- Настройка Contentstack
- Интеграция CMS с системой управления цифровыми активами (Canto)
- Модульные блоки CMS
- Совместимость Angular и Next.js
Описание проекта
Клиент обратился к нам как к экспертам в области веб-разработки с командой сертифицированных специалистов по ContentStack. На основе предоставленного объема работ мы предложили свои услуги по модернизации. Клиент попросил, чтобы старый и новый сайт работали параллельно, а функциональность переносилась на новые технологии поэтапно.
Старый сайт был реализован с использованием технологии Angular. Для повышения производительности было решено перенести сайт на Next.js как наиболее подходящий фреймворк для создания производительных и SEO-оптимизированных сайтов. Учитывая требования заказчика, мы разработали подходящее решение, в котором смогли соединить Angular и Next.js, несмотря на их различия.
Для управления контентом заказчик уже использовал CMS Contentstack. Однако система не была должным образом настроена. Мы разработали шаблоны страниц и реализовали функции модульных блоков, что избавило разработчиков от необходимости помогать создавать новые страницы. Чтобы оптимизировать работу с медиаконтентом, мы интегрировали Canto в качестве системы управления цифровыми активами. Теперь издатели могут сразу видеть в CMS все файлы из репозитория и использовать их. Мы также интегрировали сервис OpenTable для бронирования столиков в ресторанах.
Наши инженеры DevOps автоматизировали развертывание тестовых сред и сред разработки с помощью методов CI/CD. Они также настроили и адаптировали среду Rackspace для достижения целей проекта.
Стек технологий
- JavaScript
- TypeScript
- Next.js
- mobX
- HTML/CSS
- Jest
- ContentStack CMS
Основные действия
Результаты
Проект был выполнен нашими инженерами в срок и позволил клиенту достичь следующих результатов:
- Сократить зависимость от разработчиков при публикации нового контента
- Оптимизировать работу с медиафайлами
- Значительно повысить производительность сайта
- Укрепить доверия с существующими клиентами и привлечь новых