Вариант A: Фронтенд + Headless CMS (для скорости и SEO)
- Фронтенд:
- Next.js(React) — для SSR (Server-Side Rendering), чтобы сохранить SEO.
- Tailwind CSS — для стилизации, чтобы быстро повторить дизайн.
- Бэкенд/Админка:
-Strapi(Headless CMS) — для управления контентом, услугами, блогом.
-Интеграции
- Онлайн-запись через Calendly или кастомное решение на Node.js.
- Платежи: Stripe/Robokassa.
Вариант B:Полный стек (бэкенд + фронтенд)
- Django(Python) + React— для сложной логики и админки.
- **Laravel** (PHP) + **Vue** — если нужна глубокая интеграция с существующими сервисами.
3.Этапы разработки
a) Перенос контента
- Миграция изображений и текстов
b) Верстка
- Повторить текущий дизайн с адаптацией под мобильные устройства.
- Использовать компонентный подход (например, React-компоненты для услуг/галереи).
c) Функционал
-Онлайн-запись
Фильтр и умный поиск по услугам размещенным на сайте с плиткой тегов для и хлебными крошками.
- Календарь с выбором времени (библиотека FullCalendar).
- Интеграция с What's app/Telegram/Email-уведомлениями.
Галерея
- Ленивая загрузка изображений (lazy-load).
d) Оптимизация
- Сжатие изображений (WebP).
- Кэширование через CDN (Cloudflare).
- Lighthouse-тесты для скорости.
4.Стек технологий (рекомендация)**
plaintext
- Frontend: Next.js (React) + TypeScript + Tailwind CSS
- Backend: Strapi (Node.js) или Django
- База данных: PostgreSQL
- Интеграции: Calendly, Яндекс.Карты, соцсети через API
Перенос контента без потери данных.
