Will Ellis

Next.js 14 · Headless WordPress · Genesys · Maps

A service portal with call-centre integrations

A headless WordPress service portal for appliance repair, integrating Genesys Cloud, Invoca call tracking, interactive maps and booking, with a complete SEO setup.

Overview

Client: Appliance Hero
Role: Senior Engineer
Built on: Nextpress (headless WordPress + Next.js)

A service portal for appliance repair that ties the website into enterprise service tooling — the call centre, call tracking, maps and booking — on top of a multisite headless WordPress backend.

Highlights

  • Genesys Cloud integration through a server-side API route, keeping credentials off the client.
  • Invoca call tracking to attribute phone calls to marketing.
  • Interactive maps with Leaflet marker clustering and Google Maps.
  • Booking and forms with Calendly and reCAPTCHA-protected forms.
  • A service status page and a coming-soon holding page.

Technical details

Performance and SEO

Images use Plaiceholder blur placeholders for smooth loading, and the app generates its sitemap, robots rules and Open Graph and Twitter images. Google Tag Manager handles client and server-side event tracking.

Stack

  • Next.js 14, React 18, TypeScript, Tailwind CSS, Sass, Framer Motion, Swiper, Font Awesome.
  • WordPress multisite on AWS Lightsail, provisioned with the Nextpress Makefile, with ISR revalidation triggered from WordPress; frontend on Vercel.