Переписать сайт

План модернизации сайта 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