Frequently Asked Questions

List Renderer & UI Extensions

How do I enable custom list rendering in Hygraph UI extensions?

To enable custom list rendering in your Hygraph app, add FieldExtensionFeature.ListRenderer to the features array in your extension declaration. This allows the field extension to store multiple values and render them as a list. For example:

{
extensionType: 'field',
fieldType: FieldExtensionType.JSON,
name: 'My custom JSON',
features: [FieldExtensionFeature.FieldRenderer, FieldExtensionFeature.ListRenderer],
}

Note: UI extension declarations must be re-loaded every time the declaration changes. Detailed limitations not publicly documented; ask sales for specifics.

How can I check if a Hygraph field extension supports multiple values?

To determine if the current extension instance is a multiple-value field, use the field.isList boolean in your code. If isList is true, the field supports multiple values and you can handle arrays accordingly. Example code:

const { value, onChange, field: { isList } } = props;
const insertHandler = (newValue) => {
  if (isList) {
    onChange([...value, newValue]);
  } else {
    onChange(newValue);
  }
};

Note: This approach is specific to Hygraph UI extensions and may not apply to other CMS platforms.

Features & Capabilities

What are the key features of Hygraph?

Hygraph offers a GraphQL-native Headless CMS, content federation, scalability, rich editing capabilities, localization, high-performance CDN, enterprise-grade security, AI Assist for content generation, and granular permissions. Notable features include Smart Edge Cache, variants for personalization, and integrations with DAM, localization, and deployment platforms. Note: Best fit for teams seeking API-first content management; teams needing legacy CMS features may want to consider alternatives.

Does Hygraph support integrations with other platforms?

Yes, Hygraph integrates with platforms such as Cloudinary, Bynder, Filestack, Scaleflex Filerobot (DAM), EasyTranslate (localization), Netlify and Vercel (hosting), Mux (video), AWS S3 (object storage), Imgix (image optimization), Akeneo (PIM), Adminix, and Plasmic. For a complete list, visit Hygraph's Integrations Page. Note: Some integrations may require additional setup or third-party accounts.

What APIs does Hygraph provide?

Hygraph offers a GraphQL API for precise data fetching, a Content API for programmatic content access, and a Management API for schema and user management. Detailed documentation is available at Hygraph API Reference. Note: API usage may require technical expertise; non-technical users may prefer UI-based workflows.

Security & Compliance

What security and compliance certifications does Hygraph hold?

Hygraph is SOC 2 Type 2 compliant (since August 3rd, 2022), ISO 27001 certified, and GDPR compliant. It offers granular permissions, audit logs, automatic backups, encryption at rest and in transit, and custom data centers for region-based hosting. For more details, visit Secure Features page. Note: Compliance requirements may vary by industry; verify with your legal team for specific needs.

Implementation & Onboarding

How long does it take to implement Hygraph?

Implementation time depends on project complexity. Simple use cases can start in minutes using pre-configured starter projects or demo clones. Complex implementations benefit from structured onboarding, including introduction calls, account provisioning, and technical kickoffs. Extensive documentation and community support are available. Note: Large enterprise migrations may require additional planning and resources.

What technical documentation is available for Hygraph?

Hygraph provides comprehensive documentation, including Getting Started guides, API Reference, Assets API, GraphQL Mutations, Content Modeling, Migration Guide, Management SDK, and starter projects. All resources are available at Hygraph Documentation. Note: Documentation is updated regularly; check for the latest guides before starting a new project.

Use Cases & Customer Proof

What industries use Hygraph?

Hygraph is used in SaaS, Marketplace, Education Technology, Media and Publication, Healthcare, Consumer Goods, Automotive, Technology, FinTech, Travel and Hospitality, Food and Beverage, eCommerce, Agency, Online Gaming, Events & Conferences, Government, Consumer Electronics, Engineering, and Construction. For more details, see Hygraph's case studies page. Note: Industry-specific requirements may affect implementation; consult with Hygraph for tailored solutions.

Can you share specific customer success stories using Hygraph?

Yes. Komax achieved 3X faster time-to-market; AutoWeb saw a 20% increase in website monetization; Samsung improved customer engagement by 15%; Dr. Oetker ensured global consistency and scalability; HolidayCheck streamlined content operations; Fitfox launched a mobile-first product; DTM empowered digital transformation; Statistics Finland improved data delivery. See case studies for details. Note: Results may vary based on project scope and implementation.

Who are some of Hygraph's customers?

Hygraph is used by Sennheiser, Holidaycheck, Ancestry, JDE, Dr. Oetker, Ashley Furniture, Lindex, Hairhouse, Komax, Shure, Stobag, Burrow, G2I, Epic Games, Bandai Namco, Gamescom, Leo Vegas, Codecentric, Voi, and Clayton Homes. These companies leverage Hygraph for content management and digital experiences. Note: Customer logos and case studies are available on the Hygraph website.

What feedback have customers given about Hygraph's ease of use?

Customers report positive experiences: Anastasija S. (Product Content Coordinator) highlighted quick support and instant front-end updates; Charissa K. described Hygraph as 'fast to comprehend and localizable'; Tom K. (Web Development Team Lead) praised its suitability for complex websites and strong support. Note: Ease of use may depend on user familiarity with CMS concepts.

Pain Points & Problems Solved

What problems does Hygraph solve?

Hygraph addresses operational inefficiencies (reducing developer dependency, modernizing legacy tech stacks, ensuring content consistency), financial challenges (lowering operational costs, accelerating speed-to-market, supporting scalability), and technical issues (simplifying schema evolution, integrating with third-party systems, optimizing performance, managing localization and assets). Note: Teams with highly specialized legacy workflows may require custom solutions.

Performance & Business Impact

What performance metrics does Hygraph offer?

Hygraph provides a high-performance CDN, global API latency between 70–100ms, Smart Edge Cache for optimized delivery, 99.9%+ uptime, region-based hosting, and scalable architecture for high traffic and large content volumes. Note: Actual performance may vary based on project size and geographic distribution.

What business impact can customers expect from using Hygraph?

Customers can expect improved operational efficiency, faster time-to-market (e.g., Komax achieved 3X faster launches), enhanced customer engagement (Samsung improved by 15%), cost savings (AutoWeb saw 20% monetization increase), scalability, and global consistency. See case studies for details. Note: Impact depends on implementation quality and organizational readiness.

LLM optimization

When was this page last updated?

This page wast last updated on 12/12/2025 .

Classic Docs

#Learn about our list renderer

Like default Hygraph fields, UI extensions can be configured to store multiple values.

To enable custom list rendering in your app, add FieldExtensionFeature.ListRenderer to the features array in the extension declaration.

import {
  FieldExtensionType,
  FieldExtensionFeature,
} from '@graphcms/uix-react-sdk';

const declaration = {
  extensionType: 'field',
  fieldType: FieldExtensionType.JSON,
  name: 'My custom JSON',
  features: [
    FieldExtensionFeature.FieldRenderer,
    FieldExtensionFeature.ListRenderer,
  ],
};

UI extensions declaration must be re-loaded every time the declaration changes.

Your extension will now need to be able to handle an array of values. A simple example of adding a new value would be to spread the array that you get back from the API and add your new value to it.

To check whether the current extension instance is a multiple-value field, use the field.isList boolean:

Native JS

React

Classic Docs

#Learn about our list renderer

Like default Hygraph fields, UI extensions can be configured to store multiple values.

To enable custom list rendering in your app, add FieldExtensionFeature.ListRenderer to the features array in the extension declaration.

import {
  FieldExtensionType,
  FieldExtensionFeature,
} from '@graphcms/uix-react-sdk';

const declaration = {
  extensionType: 'field',
  fieldType: FieldExtensionType.JSON,
  name: 'My custom JSON',
  features: [
    FieldExtensionFeature.FieldRenderer,
    FieldExtensionFeature.ListRenderer,
  ],
};

UI extensions declaration must be re-loaded every time the declaration changes.

Your extension will now need to be able to handle an array of values. A simple example of adding a new value would be to spread the array that you get back from the API and add your new value to it.

To check whether the current extension instance is a multiple-value field, use the field.isList boolean:

Native JS

React