Skip to content
← All work
Barbershop·2026·Booking

Sharp & Sons

A self-booking barbershop site with an owner dashboard, built as a concept for the booking tier.

View live demo ↗
Live · try it
Interactive preview, click around. The full product is in the live demo above.

Overview

A polished booking site that shows what a barbershop, salon, or any appointment business would get. Customers pick a service, a barber, and a time, while the owner gets an admin dashboard, automatic email confirmations, and SEO built for local search. It's a demo, not a client site.

The problem

Phone-tag booking loses appointments and eats an owner's time. I built this to show a site that takes bookings 24/7, prevents double-booking, and is structured to show up in local 'barber near me' searches.

What I built

  • Service → barber → time booking flow with double-booking prevention
  • Owner admin dashboard for bookings and contact messages
  • Email confirmations + notifications (Resend)
  • Local SEO: JSON-LD HairSalon schema, sitemap, Open Graph
  • Mobile sticky booking bar + conversion-focused homepage
  • Rate limiting, CSRF, and input validation on every form

What it demonstrates

How a booking-tier project comes together: a clean customer flow, an owner dashboard, transactional email, and the local-SEO groundwork an appointment business needs to get found.

How it's built

Stack flow

Next.js 15 App RouterServer ActionsBooking engineResend email
Integrity
Double-booking prevented at the data layer, not the UI
Email
Transactional confirmations + owner notifications via Resend
SEO
JSON-LD HairSalon schema, sitemap, Open Graph
Security
Rate limiting, CSRF protection, and input validation on every form

Built with

Next.js 15React 19TypeScriptTailwind CSSResend

Want something like this?

Tell me about your business and I'll build you a free homepage mockup.

Get a free mockup