Коммерческие
Yeva Hairstyle
Пре-рендеренный React-сайт для стилиста причёсок — строгий CSP, CI и автоматизированный визуальный QA.
- Роль
- Соло-разработчик — от дизайна до деплоя
- Клиент
- Yeva Hairstyle
- Год
- 2026
- Тип
- Коммерческие
Обзор
Mobile-first сайт для стилиста причёсок в Кременчуге: видео-шоурил, услуги, галерея работ с фильтрами и запись через Instagram. Страница пре-рендерится в статический HTML при сборке и гидрируется React, поэтому она быстрая, индексируется и работает ещё до загрузки JavaScript.
Что я сделал
- Видео-шоурил в hero, услуги, образы «в 4 руки», галерея работ с фото/видео-лайтбоксом
- Живой Instagram-фид (Behold) с SSR-заглушками
- Цены, отзывы, FAQ и карта появляются автоматически после заполнения данных
- Брендированная 404, сгенерированные логотип, фавиконки и OG-изображение
Технические акценты
- Строгий Content-Security-Policy с SHA-256 хешем инлайн-скрипта; сборка падает, если хеш устарел. Заголовки HSTS, COOP, Permissions-Policy
- Автоматизированный QA: скриншоты Playwright от 320 до 1440 px и WebKit-проверки scroll-lock на iOS и воспроизведения HEVC; lint + build в GitHub Actions
- Медиа-пайплайн: адаптивный WebP, видео HEVC + H.264; hero-видео учитывает prefers-reduced-motion и Save-Data
- JSON-LD (HairSalon, Person, VideoObject) и инструкция по контенту для нетехнического клиента
