Проект по доставке кальянов - переезд на Next JS
Проект по редизайну и переезду на Next.js с использованием Strapi CMS
Описание проекта
Переход на современную платформу
Проект изначально был разработан на конструкторе Wix. В рамках текущего проекта была проведена работа по редизайну и замене платформы, что позволило перейти на использование одного из самых современных фреймворков — Next.js. Этот фреймворк основан на React.js и обеспечивает высокую производительность, оптимизацию SEO и гибкость в разработке.
Новый дизайн и структура
Дизайн сайта был полностью переработан с нуля с использованием SCSS для стилизации, сохраняя при этом структуру ссылок и страниц со старого сайта для поддержания пользовательского опыта и удержания позиций в индексе поисковых систем. Все элементы интерфейса были адаптированы под современные стандарты и требования пользователей.
Интеграция безголовой CMS
В качестве системы управления контентом (CMS) использована безголовая Strapi с базой данных SQLite. Это решение предоставляет максимальную гибкость в управлении контентом и позволяет легко масштабировать проект в будущем. Для взаимодействия с API Strapi используется JavaScript.
Функциональные улучшения
Добавлена функция отправки заявок с сайта напрямую в приватный чат Telegram с использованием Telegram Bot API. Это значительно упростило процесс коммуникации между пользователями и командой проекта. Интеграция Telegram Bot API выполнена на JavaScript, что обеспечивает надежную и эффективную работу.
Оптимизация инфраструктуры
Был подобран оптимальный сервер для размещения проекта, а также установлена и настроена бесплатная панель управления aaPanel. Это обеспечило надежное и эффективное управление серверными ресурсами.
SEO оптимизация
Все аспекты SEO были тщательно проработаны: создан sitemap.xml и robots.txt, все теги и метатеги соответствуют предыдущей версии сайта. Эти меры направлены на удержание и улучшение позиций сайта в поисковых системах.
скриншот главной страницы нового сайта на next.js:
Технологический стек
- Next.js: современный фреймворк на основе React.js, обеспечивающий высокую производительность и оптимизацию SEO.
- React.js: библиотека для создания пользовательских интерфейсов.
- SCSS: препроцессор CSS для удобного и мощного стилизирования.
- JavaScript: основной язык программирования для реализации бизнес-логики и интеграций.
- Strapi + SQLite: безголовая CMS с базой данных SQLite для управления контентом.
- Telegram Bot API: интеграция для отправки заявок в приватный чат Telegram.
- aaPanel: бесплатная панель управления сервером для эффективного администрирования.
