Sarah-Hair.cz

O projektu

Sarah-Hair.cz je příklad projektu, který na první pohled působí jako web pro lokální službu, ale uvnitř funguje jako mnohem širší provozní systém. Vedle marketingového webu totiž spojuje online rezervace, e-shop, zákaznický účet a interní administraci pro salon.

Nejde tedy jen o redesign nebo prezentační microsite. Cílem bylo postavit platformu, která zvládne zákaznickou část i každodenní provoz salonu v jednom prostředí.

Co řešení pokrývá

Projekt obsluhuje několik vrstev najednou:

• veřejný web s obsahem, službami a brandem,
• rezervační flow pro více poskytovatelů služeb,
• e-shop s košíkem, checkoutem a zákaznickým účtem,
• interní zázemí pro objednávky, rezervace, faktury, vratky a provozní přehled.

Právě to odlišuje Sarah-Hair.cz od běžného salonního webu, který obvykle končí u ceníku, galerie a kontaktu.

Architektura

Stejně jako u OpravnaBicyklu je základ postavený na dvou hlavních aplikacích:

• Next.js storefront pro web, booking, shop a účet
• Medusa backend/admin pro obchodní a provozní logiku

Storefront má vlastní API proxy vrstvu směrem k Meduse a celý projekt je navržený jako aplikace se skutečnou backendovou logikou, ne jako statický web doplněný několika formuláři.

Důležitá je i route struktura: booking, e-shop, blog a account zóna mají vlastní vyhrazené části aplikace, takže projekt zůstává čitelný i při vyšší složitosti.

Tech stack

FRONTEND   → Next.js 16 + React 19 + TypeScript 5 + Tailwind 4
BACKEND    → Medusa 2 + PostgreSQL
BOOKING    → vlastní multi-provider flow nad storefrontem
ACCOUNT    → objednávky, adresy, rezervace, faktury, vratky
INTEGRACE  → Packeta / Zásilkovna + ARES + GoSMS + SMTP
DEPLOY     → systemd + NGINX

Projekt navíc používá MDX blog, security headers, řízené API forwardování a interní administraci rozšířenou o salon-specific agendu.

Klíčové funkce

• Online rezervace pro více providerů — každá stylistka může mít vlastní kalendář a nabídku služeb
• Tříkrokový booking flow — výběr služby, slotu a kontaktních údajů s navazující verifikací
• E-shop jako součást brandu — katalog, produktové stránky, košík, checkout a účet v jednom prostředí
• Zákaznická zóna — objednávky, adresy, faktury, vratky i přehled rezervací
• Interní admin nástroje — rezervace, provider management, activity log a další provozní moduly
• Lokální integrace — ARES pro firemní data, Packeta pro doručení, SMTP a SMS vrstva pro komunikaci

Pro koho to je

Řešení obsluhuje tři typy uživatelů současně:

• koncové zákazníky salonu, kteří chtějí rezervovat termín nebo nakoupit produkty,
• personál a stylistky, kteří pracují s kalendářem a klientskou agendou,
• majitelku nebo administraci, která řeší objednávky, rezervace, faktury a běžný provoz.

To je přesně důvod, proč je tenhle projekt zajímavý i z architektonického pohledu: jedna aplikace musí fungovat hezky navenek, ale zároveň zvládat skutečné interní workflow.

Hodnota projektu

Sarah-Hair.cz ukazuje, že lokální služba nemusí mít jen pěkný web, ale může mít plnohodnotný digitální systém. V jednom produktu se spojuje brand, obsah, objednávkový tok, rezervace i provozní agenda.

Technicky je zajímavé hlavně propojení booking logiky, e-commerce backendu a account zóny. Pro uživatele je důležitý hladký průchod — nemusí řešit, že pod povrchem běží více vrstev. Pro salon je důležité, že velká část komunikace a administrativy dostane jasnou strukturu.

Výsledek

Výsledkem je vícevrstvý web pro lokální business, který nepůsobí lokálně omezeně. Sarah-Hair.cz je platforma, kde se marketingová prezentace potkává s e-commerce a interním provozem bez toho, aby web sklouzl do chaosu nebo technického slepence.

Pro portfolio je to silná ukázka práce na rozhraní UX, rezervačních systémů, e-commerce architektury a deploymentu — s jasným napojením na reálnou službu a denní provoz klienta.