План модернизации сайта alexestetica.ru
1.Выбор технологий
Фреймворк: Next.js (React + SSR) для SEO-дружественного рендеринга.
Бэкенд: Strapi (Headless CMS) для управления контентом + Node.js API для кастомной логики.
База данных: PostgreSQL с полнотекстовым поиском.
Поиск: Algolia или ElasticSearch для умного
поиска (быстрая интеграция, подсказки, исправление опечаток).
Хостинг: Vercel (для Next.js) + Heroku/Cloud (для Strapi).
2.Сохранение и улучшения SEO-параметров
Если изменяется, настроить редиректы через next.config.js
3.Перенос контента
Настройка API endpoints в Next.js для получения данных из Strapi.
4.Фильтр и умный поиск
Фильтры:
React-компоненты с выбором категорий, цены, рейтинга.
Динамическая подгрузка данных через API с использованием debounce.
Поиск:
Интеграция Algolia для мгновенного поиска с автодополнением
Альтернатива: Реализация полнотекстового поиска в PostgreSQL с помощью `pg_search`(для Strapi).
5.Оптимизация производительности
Изображения: Конвертация в WebP, lazy loading через `<Image />` Next.js.
Кэширование: Настройка `Cache-Control` и CDN (Vercel Edge Network).
Код: Минификация JS/CSS, tree-shaking, код-сплиттинг.
PWA: Оффлайн-доступ и кэширование критических ресурсов.
6. Улучшение UX
Адаптивный дизайн: Mobile-first подход, тестирование на Lighthouse.
Онлайн-запись: Интеграция календаря(Calendly или кастомное решение).
Чат:Tawk.to или Crisp для обратной связи.
Ленивая загрузка:Для разделов блога и портфолио.
Скорость: Цель — 90+ баллов в Lighthouse