Веб
Сайт климатической компании
Сайт климатической компании с каталогом, заявками, B2B-разделом и SEO-страницами товаров.
О проекте
Полнофункциональный коммерческий веб-сайт и каталог климатического оборудования (кондиционеры, сплит-системы, вентиляция) с лидогенерацией, B2B-разделом, Telegram-интеграцией и продвинутым SEO-пайплайном.
Архитектура и пограничный слой Nginx
Веб-сервер Nginx выступает единой точкой входа edge layer: - Напрямую раздаёт собранное React SPA и статические медиа-файлы с диска; - Обслуживает предварительно сгенерированные SEO-страницы каталога товаров; - Возвращает корректный HTTP-статус 404 для несуществующих товаров; - Проксирует API-маршруты к бэкенду на FastAPI с контролем заголовков и сквозной трассировкой через X-Request-ID.
Фронтенд и интерактивный каталог
Клиентская часть реализована на React 18 с адаптивным интерфейсом на Tailwind CSS (около 14 маршрутов).
Каталог оснащён гибкой системой фильтрации: по брендам, площади помещения, ценовому диапазону, наличию Wi-Fi модуля и категориям. Состояние фильтров двусторонне синхронизировано с параметрами URL для шеринга прямых ссылок на выборки товаров.
Интерфейс строго соответствует стандартам доступности (WAI-ARIA, фокусные ловушки в модальных окнах, поддержка режима prefers-reduced-motion).
Бэкенд, заявки и Telegram-лента
Серверная часть на FastAPI разбита на модули core, routes, schemas и services с валидацией контрактов через Pydantic.
Формы лидогенерации (заказ обратного звонка, монтаж оборудования, сервисное обслуживание) оснащены защитой от спама через honeypot, валидацией форматов номеров телефонов и rate limiting. Заявки мгновенно отправляются менеджерам в Telegram.
Сервис TelegramFeedService кэширует посты из новостного канала компании с локальным сохранением картинок для ускорения загрузки.
Гибридный SEO/SSG пайплайн
Для преодоления ограничений стандартных SPA в поисковой индексации внедрён post-build генератор статических страниц.
Скрипт формирует статические HTML-страницы каталога (около 57 позиций) с полной микроразметкой OpenGraph и Schema.org JSON-LD, семантическим резервным контентом и автоматически обновляемой картой сайта sitemap.xml, обеспечивая максимальную индексируемость поисковыми роботами.
Инфраструктура и мониторинг
Проект развёрнут в контейнерах Docker Compose с монтированием хост-директорий для медиафайлов и контролем целостности через manifest.sha256. Эндпоинт /health выполняет самодиагностику доступности каталога, базы и статических ресурсов.