Frequently Asked Questions

Product Information & Integration

What is Hygraph and how does it work with Solid.js?

Hygraph is a GraphQL-native Headless CMS designed to empower businesses to build, manage, and deliver digital experiences at scale. For Solid.js projects, Hygraph enables developers to integrate content management via its API-first approach, allowing you to add components to your Solid.js apps in minutes. Content can be managed centrally and delivered to your application using GraphQL queries, streamlining both development and editorial workflows. Learn more.

How do I integrate Hygraph with my Solid.js application?

To integrate Hygraph with Solid.js, set up a GraphQL client using the graphql-request library. Instantiate the client with your Hygraph endpoint and authorization token if required. Use Solid.js's reactive primitives, such as createResource, to fetch data asynchronously and render it in your components. For step-by-step instructions, see the Hygraph Quickstart Guide.

What frameworks can I use with Hygraph?

Hygraph supports integration with several modern frameworks, including Astro, NextJS, NuxtJS, and SvelteKit. This flexibility allows you to choose the best frontend technology for your project while leveraging Hygraph's powerful content management capabilities. See documentation.

Features & Capabilities

What are the key features of Hygraph?

Hygraph offers a range of features including a GraphQL-native architecture, content federation, Smart Edge Cache for performance, custom roles for granular access control, rich text management, project backups, and a flexible management API. These features enable operational efficiency, scalability, and seamless integration with modern tech stacks. Explore all features.

How does Hygraph's GraphQL API benefit Solid.js developers?

Hygraph's GraphQL API enables precise data retrieval, minimizing over-fetching and under-fetching. This optimizes efficiency and accelerates development cycles for Solid.js applications. Developers can easily query only the data they need, improving performance and reducing complexity. Read the GraphQL Guide.

What performance optimizations does Hygraph offer?

Hygraph provides Smart Edge Cache for enhanced performance and faster content delivery, high-performance endpoints for reliability and speed, and practical advice for optimizing GraphQL API usage. These features are ideal for businesses with high traffic and global audiences. Read more about endpoint improvements.

How easy is it to get started with Hygraph?

Hygraph is designed for quick onboarding. You can start immediately with a free API Playground and a free forever developer account. For larger projects, request a demo. The structured onboarding process includes introduction calls, account provisioning, business and technical kickoffs, and content schema setup. Extensive documentation and training resources are available. See documentation.

Security & Compliance

What security and compliance certifications does Hygraph have?

Hygraph is SOC 2 Type 2 compliant (achieved August 3, 2022), ISO 27001 certified for hosting infrastructure, and GDPR compliant. These certifications ensure robust security and adherence to international standards. See security features.

What security features does Hygraph offer?

Hygraph provides granular permissions, SSO integrations, audit logs, encryption at rest and in transit, regular backups, and a process for reporting security issues. Enterprise-grade compliance features include dedicated hosting and custom SLAs. View security report.

Use Cases & Benefits

Who can benefit from using Hygraph?

Hygraph is ideal for developers, product managers, and marketing teams in industries such as ecommerce, automotive, technology, food and beverage, and manufacturing. It is especially suited for organizations modernizing legacy tech stacks, global enterprises needing localization, and businesses aiming to deliver exceptional digital experiences. See use cases.

What problems does Hygraph solve?

Hygraph addresses operational inefficiencies (eliminating developer dependency, modernizing legacy tech stacks), financial challenges (reducing costs, accelerating speed-to-market), and technical issues (simplifying schema evolution, resolving integration difficulties, optimizing performance, and improving localization and asset management). See related KPIs.

Can you share some customer success stories with Hygraph?

Yes. Komax achieved a 3X faster time-to-market, Samsung improved customer engagement by 15%, and Stobag increased online revenue share from 15% to 70% after adopting Hygraph. Autoweb saw a 20% increase in website monetization. See more customer stories.

Technical Requirements & Developer Experience

What is the developer experience like with Hygraph?

Hygraph is designed to be un-opinionated, offering a wide collection of open source example projects and a flexible management API. Developers benefit from modular, multiplatform content management and blazing fast content APIs. The intuitive UI and extensive documentation make it accessible for both technical and non-technical users. See example projects.

How does Hygraph handle maintenance, upgrades, and troubleshooting?

Hygraph is cloud-based, so all deployment, updates, security, and infrastructure maintenance are handled by Hygraph. Upgrades are seamlessly integrated, and troubleshooting is supported via 24/7 chat, email, phone, Intercom chat, and extensive documentation. Enterprise customers receive a dedicated Customer Success Manager. See documentation.

What training and technical support is available for Hygraph customers?

Hygraph offers a structured onboarding process, training resources (webinars, live streams, how-to videos), extensive documentation, real-time support via chat and Slack, and dedicated Customer Success Managers for enterprise clients. See training resources.

Customer Feedback & Usability

How do customers rate the ease of use of Hygraph?

Customers consistently praise Hygraph's intuitive editor UI and accessibility for non-technical users. It was recognized for "Best Usability" in Summer 2023, and users highlight its flexibility and effectiveness for diverse teams. Try Hygraph.

KPIs & Metrics

What KPIs and metrics are associated with Hygraph's solutions?

Key metrics include time saved on content updates, system uptime, speed of deployment, consistency in content across regions, user satisfaction scores, reduction in operational costs, ROI, time to market, maintenance costs, scalability metrics, and performance during peak usage. See CMS KPI blog.

Competition & Comparison

How does Hygraph differentiate itself from other CMS platforms?

Hygraph stands out as the first GraphQL-native Headless CMS, offering flexibility, scalability, and integration capabilities. Its content federation, user-friendly tools, and enterprise-grade features set it apart from competitors like Sanity, Prismic, and Contentful. Hygraph focuses on composability, future-proofing, and seamless integration with modern frameworks. See CMS comparison.

Introducing Click to Edit

Headless CMS for Solid.js

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

Sign up for FreeGet a Demo

Step #1 - Create a GraphQL client

First, you must set up a GraphQL client for your Solid.js application using the graphql-request library. The GraphQLClient is instantiated with an endpoint URL, representing the location of the GraphQL server. Additionally, it configures the client's headers to include an authorization token if required by the server for secure access.

This setup is crucial as it encapsulates the details for connecting to the GraphQL API and provides a reusable client instance that can be imported and used across different components in the application to make GraphQL queries or mutations.

graphqlClient.js
import { GraphQLClient } from 'graphql-request';


const endpoint = 'https://api-<region>.hygraph.com/v2/<some hash>/master';


export const client = new GraphQLClient(endpoint, {
  headers: {
    authorization: 'Bearer YOUR_AUTH_TOKEN', // If needed
  },
});

Step #2 - Fetch Data in a Solid.js Component

Use the graphql-request client within a Solid.js component to fetch data from the GraphQL API. You can use Solid.js's reactive primitives like createResource to handle async operations.

The createResource function is used to fetch data asynchronously when the component mounts and re-render the component with the new data once it's available. The For directive is then used to iterate over the user data and display it.

YourComponent.jsx
import { createResource } from 'solid-js';
import { client } from './graphqlClient';


const query = `
  {
    allUsers {
      id
      name
      email
    }
  }
`;


function YourComponent() {
  const [data] = createResource(query, async () => {
    try {
      const data = await client.request(query);
      return data.allUsers;
    } catch (error) {
      console.error('Error fetching data:', error);
    }
  });


  return (
    <div>
      <h1>Users</h1>
      <For each={data()}>
        {(user) => (
          <div>
            <p>{user.name}</p>
            <p>{user.email}</p>
          </div>
        )}
      </For>
    </div>
  );
}


export default YourComponent;

Start building with Solid.js

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

Quickstart

Check out our docs to see how you can quickly set up your Hygraph project and enable the content API for your Solid.js 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 Solid.js project

Integrating a GraphQL-native headless CMS with a Solid.js application streamlines content management and application development. Developers benefit from GraphQL's powerful query language, which enables precise data retrieval, reducing over-fetching and under-fetching issues. This efficiency accelerates development cycles and enhances performance.

Content editors appreciate the intuitive interfaces of headless CMSs, which allow them to manage content without concerning themselves with the underlying technical complexities. The decoupled nature of headless CMSs also ensures content agility, enabling editors to push updates in real-time across multiple platforms, a vital feature in today's fast-paced digital landscape.

solidjs 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