Комерційні
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) та інструкція з контенту для нетехнічного клієнта
