Skip to content
← All Work
Professional ExperienceSalt Technology

Koru

A UX/UI design company's marketing site, built on a headless WordPress and GraphQL stack.

Next.jsWordPressGraphQLJAMstack
Role
Frontend Engineering · Headless CMS

Full project details shared with permission.

The Koru homepage — a centered agency positioning headline above a dark product still of a healthcare dashboard, followed by a row of client logos
01

Product

Koru is a UX/UI design company's website, and a clean example of pairing a modern Next.js frontend with a headless WordPress content backend over GraphQL.

A marketing and content site for a design company, where content is authored in WordPress and served through GraphQL to a decoupled Next.js frontend.

02

Context

Professional Experience · Salt Technology

03

My Role

  • Built the Next.js frontend against a headless WordPress backend, with WPGraphQL as the data layer between them
  • Mapped the studio's content types — services, process, insights and project work — onto components editors could fill without frontend changes
  • Wrote and tuned the GraphQL queries behind each page, trimming query shape and payload to what the page actually rendered
  • Implemented the responsive layouts across the site's content pages
  • Took the performance, security and scalability characteristics of the JAMstack setup as part of the build rather than a later pass
04

Challenge

Content teams want the familiarity of WordPress; users want a fast, modern site. A headless architecture has to satisfy both without either side compromising the other.

  • Keeping GraphQL queries lean so content-heavy pages stayed fast
  • Structuring the frontend so content editors' changes in WordPress reflected cleanly without frontend rework
05

Approach

  • Used a JAMstack pattern — static generation where content allowed it, GraphQL fetched at build or request time depending on the page.
06

Engineering

  • Integrated WPGraphQL as the data layer between WordPress and the Next.js frontend
  • Built reusable, responsive components mapped to WordPress content types
  • Optimized GraphQL query shape and payload size to reduce load time
  • Applied JAMstack performance and security practices across the deployed site
07

Outcome

Koru shipped as a fast, content-manageable marketing site on a decoupled architecture.

Have a project in mind?

If you’re building something similar, tell me what you’re working on and where you are in the process. I’m happy to talk it through.

Next Case Study

Proposal Generator

View Case Study →