Frequently Asked Questions

Product Information & Integration

What is Hygraph and how does it work with Remix?

Hygraph is a GraphQL-native Headless CMS that enables you to manage and deliver content for Remix websites and applications. By leveraging Hygraph's API-first approach, you can fetch and manage content using GraphQL queries directly within your Remix project. This allows developers to request exactly the data needed, improving performance and flexibility, while content editors benefit from a user-friendly interface decoupled from the presentation layer. For integration details, see the Remix CMS integration page.

How do I integrate Hygraph with my Remix application?

To integrate Hygraph with Remix, set up a GraphQL client (such as graphql-request) configured with your Hygraph Content API endpoint and authorization token. In your Remix route loader function, define a GraphQL query to fetch the required data. Use the useLoaderData hook in your Remix component to access and render the fetched data. For step-by-step instructions and code examples, refer to the official integration guide.

What frameworks can I use with Hygraph?

Hygraph supports integration with several modern frameworks, including Astro, NextJS, NuxtJS, and SvelteKit, in addition to Remix. This flexibility allows you to choose the best frontend technology for your project needs. Learn more in the documentation.

Features & Capabilities

What are the key features of Hygraph for Remix projects?

Key features of Hygraph for Remix projects include:

These features make Hygraph a powerful choice for building scalable, performant Remix applications. See all features.

Does Hygraph support server-side rendering and fast content delivery for Remix?

Yes, Hygraph's GraphQL-native API and Smart Edge Cache are designed to work seamlessly with Remix's server-side rendering capabilities. This ensures fast initial load times, efficient data fetching, and optimal performance for both developers and end users. Read more about performance improvements.

How does Hygraph ensure high performance for content delivery?

Hygraph delivers high performance through features like Smart Edge Cache, high-performance endpoints, and continuous improvements to its GraphQL API. These enhancements ensure reliable, fast content delivery, even for high-traffic and global audiences. For more details, see the performance improvements blog post.

Security & Compliance

What security and compliance certifications does Hygraph have?

Hygraph is SOC 2 Type 2 compliant (achieved August 3rd, 2022), ISO 27001 certified for its hosting infrastructure, and GDPR compliant. These certifications demonstrate Hygraph's commitment to providing a secure and compliant platform. For more details, visit the security features page and security and compliance report.

What security features does Hygraph offer?

Hygraph provides enterprise-grade security features, including granular permissions, SSO integrations, audit logs, encryption at rest and in transit, regular data backups, and a transparent process for reporting security issues. These measures ensure robust protection for your data and compliance with industry standards. Learn more.

Use Cases & Benefits

Who can benefit from using Hygraph with Remix?

Hygraph is ideal for developers, product managers, and marketing teams building Remix applications in industries such as ecommerce, automotive, technology, food and beverage, and manufacturing. It is especially valuable for organizations seeking to modernize legacy tech stacks, streamline content operations, and deliver scalable digital experiences across multiple channels and regions. See use cases.

What problems does Hygraph solve for Remix projects?

Hygraph addresses operational inefficiencies (eliminating developer dependency for content updates), financial challenges (reducing operational costs and accelerating speed-to-market), and technical issues (simplifying schema evolution, integrating third-party systems, and optimizing performance). These solutions help businesses modernize their content management and deliver exceptional digital experiences with Remix. See related KPIs.

Can you share some customer success stories with Hygraph?

Yes. For example, Komax achieved a 3X faster time-to-market by managing over 20,000 product variations across 40+ markets via a single CMS. Samsung improved customer engagement by 15% with a scalable, composable member platform. Stobag increased online revenue share from 15% to 70% after transitioning to a digital-first approach. Explore more customer stories.

Onboarding, Training & Support

How easy is it to get started with Hygraph for Remix?

Hygraph offers a free API playground, a free forever developer account, and a structured onboarding process that includes introduction calls, account provisioning, and technical and content kickoffs. Teams can start working immediately, and extensive documentation, webinars, and how-to videos are available for step-by-step guidance. See documentation.

What training and technical support does Hygraph provide?

Hygraph provides a comprehensive onboarding process, training resources (webinars, live streams, how-to videos), extensive documentation, and real-time support via 24/7 chat, email, phone, and Intercom. Enterprise customers receive a dedicated Customer Success Manager. There is also a community Slack channel for peer and expert support. Learn more.

How long does it take to implement Hygraph for a Remix project?

Implementation time varies by project scope. For example, Top Villas launched a new project within 2 months from the initial touchpoint, and Si Vale met aggressive deadlines during their initial implementation. The platform's onboarding and support resources help teams get up and running quickly. See case study.

What customer support options are available after purchasing Hygraph?

Hygraph offers 24/7 support via chat, email, and phone, real-time troubleshooting through Intercom, a community Slack channel, extensive documentation, and training resources. Enterprise customers receive a dedicated Customer Success Manager and a structured onboarding process. See support options.

Performance, Maintenance & Upgrades

How does Hygraph handle maintenance, upgrades, and troubleshooting?

Hygraph is a cloud-based platform, so all deployment, updates, security, and infrastructure maintenance are managed by Hygraph. Upgrades are seamlessly integrated, and troubleshooting is supported via 24/7 support channels, Intercom chat, and extensive documentation. Enterprise customers benefit from a dedicated Customer Success Manager. Learn more.

Customer Experience & Usability

How do customers rate the ease of use of Hygraph?

Customers frequently praise Hygraph's intuitive editor UI, noting that it is easy to set up and use even for non-technical users. Hygraph was recognized for "Best Usability" in Summer 2023, and users appreciate features like custom app integration for content quality checks. Try Hygraph.

KPIs & Metrics

What KPIs and metrics are associated with using Hygraph?

Key KPIs include time saved on content updates, reduction in operational costs, speed to market for new products, system uptime, user satisfaction scores, and scalability metrics. For example, Komax achieved a 3X faster time-to-market, and Stobag increased online revenue share from 15% to 70%. See more on CMS KPIs.

See Hygraph MCP Server, AI Agents, and Editorial Experience Upgrades in Action

Headless CMS for Remix

Hygraph is the ideal Headless CMS for Remix websites and applications. Read further to learn how our API-first CMS allows you to add components to your Remix apps in minutes and enable your website's content to be managed from a powerful CMS.

Sign up for FreeGet a Demo

Step #1 - Fetching the data from the headless CMS

First, you need to sets up a GraphQL client using the graphql-request library, configured with the Hygraph's Content API endpoint and authorization token. In a Remix route loader function, we define a GraphQL query to fetch specific fields of products, like name, description, and availability.

The client.request method executes this query, and the data is returned, making it available for the component to render.

// In a file like `utils/graphqlClient.js`


import { GraphQLClient } from 'graphql-request';


export const client = new GraphQLClient('YOUR_GRAPHQL_ENDPOINT', {
  headers: {
    authorization: 'Bearer YOUR_AUTH_TOKEN',
  },
});


// In your loader function in a route file like `routes/products.js`


import { client } from '~/utils/graphqlClient';


export const loader = async () => {
  const query = `
    query {
      products {
        name
        description
        image
        availability
        slug
      }
    }
  `;
  const data = await client.request(query);
  return data;
};

Step #2 - Displaying fetched data in a Remix component

Remix component uses the useLoaderData hook to access the data fetched by the loader function. This data includes an array of products. We use .map() to iterate over these products, rendering their details like name, description, and availability.

This demonstrates Remix's integration of server-side data fetching with client-side rendering.

import { useLoaderData } from '@remix-run/react';


export default function Products() {
  const { products } = useLoaderData();


  return (
    <div>
      {products.map(product => (
        <div key={product.slug}>
          <h2>{product.name}</h2>
          <p>{product.description}</p>
          <img src={product.image} alt={product.name} />
          <p>{product.availability ? 'Available' : 'Unavailable'}</p>
        </div>
      ))}
    </div>
  );
}

Start building with Remix

We made it really easy to set up your project in Hygraph and use our GraphQL API within your Remix project.

Quickstart

Check out our docs to see how you can quickly set up your Hygraph project and enable the content API for your Remix website or app.

Get Started

Learn GraphQL

Hygraph is GraphQL-native Headless CMS offers precise data retrieval, minimizing over-fetching and optimizing efficiency.

Read the Guide

Examples

Look at some of the example projects to see Hygraph in action.

See Examples

Why Hygraph

Choosing Hygraph for your Remix project

Using a GraphQL-native headless CMS such as Hygraph in a Remix application offers significant benefits for both developers and content editors. For developers, GraphQL integration enables efficient and flexible data queries, allowing them to request exactly what's needed, reducing bandwidth and improving performance. This is particularly advantageous in a Remix environment, where server-side logic can seamlessly integrate with client-side interactivity.

For content editors, a headless CMS decouples content management from the presentation layer, offering a user-friendly interface to manage content without worrying about the underlying technology. This separation of concerns leads to a more streamlined content creation process and easier maintenance, as editors can update content independently from the application's codebase.

remix cms

Developer Experience

We try to be the most un-opinionated CMS on the market with a wide collection of open source example projects to get you started.

Headless CMS

As a headless CMS (i.e. API based content management), you can be as modular and flexible as you need. We even support multiplatform content management.

Management API

Hygraph boasts a flexible and powerful management API to manage your content and schema, as well as a blazing fast content API.

Get started for free, or request a demo
to discuss larger projects

Contact salesGet started