Olivia Beall is a wedding and event singer working across Manchester and the North West. She needed a site that presents her services — weddings, duo and events — and takes booking enquiries, to replace her old Wix site.
01Show weddings, duo and events clearly — with music you can actually hear
02Let couples check a date and send an enquiry in about two minutes
03Let Olivia update texts, photos and booked dates herself
04Move off Wix without losing existing Google traffic
// 02 · what i built
What I built
Booking flowForms
Availability calendar showing the dates Olivia has free, Google Places autocomplete for the venue, and validation on both client and server with React Hook Form + Zod. Enquiries land in her inbox via Resend.
Admin panelCMS
A private dashboard where she edits texts and photos (stored in Vercel Blob), marks booked dates and reviews incoming enquiries — no developer needed.
MusicAudio
An audio player that keeps playing while you move between pages, curated repertoire picks for couples and Google reviews on the site.
SEO & migrationLaunch
Metadata, sitemap and structured data; redirects from the old Wix URLs; Google Search Console; domain moved from Wix to Vercel with DNS and SSL.
Inside the build
Page/book
01
Booking page — “Is your date still free?” Couples send an enquiry in about two minutes.
Componentavailability calendar
02
Availability calendar — booked dates are crossed out, set by Olivia in the admin panel.
Page/weddings
03
Weddings page — live music for the ceremony, drinks reception and wedding breakfast.
Page/repertoire
04
Repertoire — jazz, soul, pop and musical theatre picks for couples.
// 03 · results
Fast, findable, self-managed
3 weeksfrom empty repo to launch
−33 KBJS on the home page — Framer Motion swapped for CSS
AVIF/WebPresponsive images everywhere
10 pagesindexed by Google after launch
// 04 · stack
Tech stack
Next.js 16 (App Router)Pages, routing and rendering
TypeScriptThe whole codebase
Tailwind CSS v4Styling and responsive layout
React Hook Form + ZodBooking form, validation on client and server
Google PlacesVenue address autocomplete
ResendEnquiry emails to Olivia
Vercel BlobPhoto storage for the admin panel
VercelHosting, deploys, domain, DNS and SSL
// 05 · timeline
Three weeks, start to launch
02 Oct
Kick-off
Empty Next.js project, structure and design direction.
Build
Pages & booking
All pages, the booking form with calendar and the admin panel.
Polish
SEO & speed
Metadata, sitemap, Wix redirects, image and JS optimisation.
22 Oct
Launch
Domain moved from Wix to Vercel, DNS and SSL set up — site live.
oliviabeall.com has been live since 22 October 2026. Olivia gets enquiries straight to her inbox and updates her own content through the admin panel — without a developer. Google has already indexed the sitemap.
