Commercial
Yeva Hairstyle
Pre-rendered React site for a hair stylist — strict CSP, CI and automated visual QA.
- Role
- Solo developer — design to deploy
- Client
- Yeva Hairstyle
- Year
- 2026
- Type
- Commercial
Overview
A mobile-first site for a hair stylist in Kremenchuk: video showreel, services, a filterable works gallery and booking via Instagram. The page is pre-rendered to static HTML at build time and hydrated with React, so it is fast, indexable and works before JavaScript loads.
What I built
- Hero showreel video, services, "hair + makeup" looks, works gallery with photo/video lightbox
- Live Instagram feed (Behold) with SSR fallback covers
- Prices, reviews, FAQ and map appear automatically once their data is filled in
- Branded 404, generated logo, favicons and OG image
Engineering highlights
- Strict Content-Security-Policy with a SHA-256 hash of the inline script; the build fails if the hash goes stale. HSTS, COOP and Permissions-Policy headers
- Automated QA: Playwright screenshots from 320 to 1440 px plus WebKit checks for iOS scroll-lock and HEVC playback; lint + build in GitHub Actions
- Media pipeline: responsive WebP, HEVC + H.264 video; the hero video respects prefers-reduced-motion and Save-Data
- JSON-LD (HairSalon, Person, VideoObject) and a content guide written for the non-technical client
