About the project
Sarah-Hair.cz looks like a local service website at first glance, but in practice it behaves as a much broader operating platform. Alongside the marketing website, it combines online reservations, e-commerce, customer accounts and internal salon administration.
So this was not just a redesign or a brochure-style microsite. The goal was to build one environment that can serve both the customer-facing side and the daily operation of the salon.
What the solution covers
The project supports several layers at once:
- a public-facing website with content, services and brand presentation,
- a booking flow for multiple service providers,
- an e-commerce layer with cart, checkout and customer accounts,
- an internal operational layer for orders, bookings, invoices, returns and day-to-day administration.
That is exactly what separates Sarah-Hair.cz from a typical salon website that ends with a pricelist, gallery and contact page.
Architecture
Like OpravnaBicyklu, the project is built on two main applications:
- Next.js storefront for website, booking, shop and account
- Medusa backend/admin for commerce and operational logic
The storefront includes a dedicated proxy layer toward Medusa, and the whole project is clearly designed as a real application with backend behavior — not a static website with a few forms attached.
Route structure also matters here. Booking, e-commerce, blog and account each have their own dedicated application areas, which keeps the project understandable even as complexity grows.
Tech stack
FRONTEND → Next.js 16 + React 19 + TypeScript 5 + Tailwind 4
BACKEND → Medusa 2 + PostgreSQL
BOOKING → custom multi-provider reservation flow
ACCOUNT → orders, addresses, bookings, invoices, returns
INTEGRATIONS → Packeta + ARES + GoSMS + SMTP
DEPLOY → systemd + NGINXThe project also uses an MDX blog, security headers, controlled API forwarding and an internal admin area extended with salon-specific operations.
Key capabilities
- Online reservations for multiple providers — each stylist can have their own calendar and service set
- Three-step booking flow — service selection, slot selection and verified contact details
- E-commerce as part of the same brand — catalog, product pages, cart, checkout and accounts in one environment
- Customer zone — orders, addresses, invoices, returns and booking history
- Internal admin tools — bookings, provider management, activity log and additional operational modules
- Local-market integrations — ARES for company data, Packeta for delivery, SMTP and SMS for communication flows
Who it is for
The system serves three groups at the same time:
- salon customers who want to book appointments or buy products,
- staff and stylists working with calendars and client-facing operations,
- the owner or admin side handling orders, bookings, invoices and daily processes.
That is what makes the project interesting from an architectural perspective as well: one application must feel polished on the outside while supporting real internal workflow underneath.
Project value
Sarah-Hair.cz shows that a local service business does not have to stop at a nice-looking website. It can run on a complete digital platform where brand, content, booking, commerce and operations are connected.
Technically, the strongest part is the combination of booking logic, e-commerce backend and customer account flows. For users, the important part is that everything feels like one continuous experience. For the salon, the value is that communication and operations gain structure instead of being scattered across disconnected tools.
Outcome
The result is a multi-layer website for a local business that does not feel limited by local-web expectations. Sarah-Hair.cz is a platform where marketing presentation, e-commerce and internal operations meet without collapsing into a technical patchwork.
For a portfolio, it is a strong example of work across UX, booking systems, e-commerce architecture and deployment — grounded in a real service business with day-to-day operational needs.