Case study

The H501 public website connected to the booking PWA.

The public H501 site presents services, work gallery, reviews and structured data, with booking links connected to the PWA at h501.app.

H501 BarberIn production

Public websiteReal H501 homepage

Real screenshot from the live public website: identity, hero, booking link and SEO content.

ServicesIndexable public service list

Real services page with clear structure, public prices and navigation into booking.

Next.jsTypeScriptApp Router

Project facts

ScopeH501 Barber

IndustryBarber brand

ProductPublic website

StackNext.js, Vercel

StatusOnline

Related services

Website development App and PWA development

Live links

Open H501 website Open booking PWA

Context

The PWA handles bookings and the team schedule, but the client needed a separate public site for services, reviews, brand and indexable content.

Solution

The solution

We built a dedicated Next.js site with technical SEO, public pages, HairSalon/LocalBusiness structured data and booking flows linked to the existing H501 PWA.

Features

Next.js App Router with static rendering
Public homepage for H501 Barber Urbe
Services, work gallery, reviews, about and contact pages
Metadata, canonical, Open Graph, Twitter card, robots and sitemap
HairSalon and LocalBusiness JSON-LD
Privacy, cookie policy and terms
Booking links connected to h501.app
Security headers and CSP configured

Technical stack

Next.jsTypeScriptApp RouterVercelJSON-LDTechnical SEO

Verifiable evidence

The project README documents the public Next.js website for H501 Barber Urbe.
The project responds publicly at home.h501.app.
The live website includes canonical, robots, sitemap and HairSalon/LocalBusiness JSON-LD.
Booking buttons point to the H501 PWA at h501.app.

Projects

Business PWA