The visual frontend & visual editor for Hygraph – without a custom build

Hygraph is a GraphQL-native, headless CMS (formerly GraphCMS): content models, components, locales, stages (draft/published), and multiple projects are its strengths – delivered via the GraphQL Content API. Hygraph comes with a web editor for content, but no finished, production-ready frontend. That's exactly where Laioutr comes in: as a visual page builder and frontend layer that reads your Hygraph content and delivers it in a fast website. Hygraph stays your content backend, Laioutr delivers the frontend.

Hygraph continues to manage content, content models, components, permissions, roles, assets, and locales. You keep using the Hygraph editor and your established processes unchanged – with all your webhooks and integrations.

For the frontend you have several options: an official Hygraph starter, a community framework with a Hygraph connection, a custom build (Next.js/Nuxt) – or a page builder like Laioutr. Each option has pros and cons.

No duplicated data, no sync conflicts. Laioutr reads your Hygraph content via the GraphQL Content API and renders it – including multilingual support (locales) and content stages.

With a web editor, content models, and an end-to-end GraphQL Content API, Hygraph delivers the building blocks – but not a finished, production-ready frontend product. That leaves every Hygraph project facing the frontend question. Four options are established in the market.

The official Hygraph starters (Next.js, Nuxt, and others) are an ideal starting point for learning and for proofs of concept. As a production frontend, you keep developing the design system, components, and page logic yourself. Makes sense for small sites or as an interim solution.

Open-source frontend frameworks with Hygraph SDKs and community integrations. An active community, but no official production frontend product and no direct enterprise support net. Makes sense with the right frontend team for whom open source matters strategically.

Maximum control, highest effort. A six-to-twelve-month build phase and ongoing maintenance by an in-house frontend team that connects to the Hygraph GraphQL Content API itself. Makes sense when frontend engineering is your strategic core competency.

A visual page builder and frontend platform with 70+ components, EU hosting, and a connection to Hygraph. Fastest time-to-launch, lowest learning curve, marketing and editorial build pages themselves. Makes sense when you want to go live fast, without a custom-build investment.

Laioutr is built for Hygraph setups that need to change and scale fast. From the corporate website to multi-brand portfolios to campaign landing pages with a high editorial volume.

Hygraph manages structured content for multiple brands and sites. Laioutr turns it into standalone frontends – one component pool, many brand presences, each with its own design and its own domain.

Marketing builds landing pages visually from ready-made building blocks – without custom code and without a developer ticket. Content comes from Hygraph, the layout takes shape in the page builder.

Hygraph manages translations via locales, Laioutr delivers them consistently. Languages, layouts, and content controllable per site, compatible with the Hygraph locales concept.

One Hygraph, many channels. The structured content from Hygraph is delivered consistently across web and further touchpoints – content, languages, and layouts controllable per channel.

Renew your existing Hygraph frontend without touching content models, projects, or editorial processes. Migration in phases, with a clear rollback plan.

New Hygraph project, fresh start. With Laioutr themes and the UI library, you go live in weeks instead of investing months in a custom build.