What is Hygraph and how does it work with GraphQL Mesh?
Hygraph is a GraphQL-native headless content management system (CMS) that enables you to manage and deliver content efficiently. When used with GraphQL Mesh, Hygraph can be integrated with other APIs (such as OpenAPI, gRPC, MongoDB, and more), allowing you to query and federate data from multiple sources in a single GraphQL endpoint. This makes it easy to build complex digital experiences, such as travel sites that combine hotel data from Hygraph with weather information from external APIs. Learn more.
What features does Hygraph offer for managing GraphQL endpoints?
Hygraph provides an interactive GraphQL playground and options to add remote sources or manually add data to generate GraphQL endpoints. This enables seamless querying and integration of external data sources within your headless CMS project. Read more.
Does Hygraph support querying external data in a headless CMS?
Yes, Hygraph makes it easy to integrate external sources with remote sources, allowing you to query external data seamlessly from the GraphQL playground. This is particularly useful for federating content from multiple APIs. Learn more.
What integrations does Hygraph offer?
Hygraph offers a wide range of integrations, including hosting & deployment (Netlify, Vercel), headless commerce & eCommerce (BigCommerce, commercetools, Shopify), localization (Lokalise, Crowdin, EasyTranslate, Smartling), digital asset management (Aprimo, AWS S3, Bynder, Cloudinary, Mux, Scaleflex Filerobot), personalization & AB testing (Ninetailed), artificial intelligence (AltText.ai), and miscellaneous tools (Adminix, Plasmic). See the full list.
Does Hygraph provide an API?
Yes, Hygraph provides a powerful GraphQL API that allows you to fetch and manage content efficiently. You can learn more about it at the Hygraph API Reference.
Pricing & Plans
What is Hygraph's pricing model?
Hygraph offers a free forever Hobby plan, a Growth plan starting at $199/month, and custom Enterprise plans. For more details, visit the pricing page.
Use Cases & Benefits
Who can benefit from using Hygraph?
Hygraph is designed for developers, IT decision-makers, content creators, project/program managers, agencies, solution partners, and technology partners. It is especially beneficial for modern software companies, enterprises looking to modernize their technologies, and brands aiming to scale across geographies, improve development velocity, or re-platform from traditional solutions. Learn more.
What business impact can customers expect from using Hygraph?
Customers can expect significant business impacts, including time-saving through streamlined workflows, ease of use with an intuitive interface, faster speed-to-market for digital products, and enhanced customer experience through consistent and scalable content delivery. These benefits help businesses modernize their tech stack and achieve operational efficiency. See more.
What industries are represented in Hygraph's case studies?
Hygraph's case studies span industries such as food and beverage (Dr. Oetker), consumer electronics (Samsung), automotive (AutoWeb), healthcare (Vision Healthcare), travel and hospitality (HolidayCheck), media and publishing, eCommerce, SaaS (Bellhop), marketplace, education technology, and wellness and fitness. Explore case studies.
Can you share specific customer success stories using Hygraph?
Yes. Komax achieved a 3X faster time to market, Autoweb saw a 20% increase in website monetization, Samsung improved customer engagement with a scalable platform, and Dr. Oetker enhanced their digital experience using MACH architecture. Read more success stories.
Technical Requirements & Documentation
Where can I find technical documentation for Hygraph?
Hygraph offers comprehensive technical documentation covering everything you need to know about building and deploying projects. Access it at Hygraph Documentation.
How easy is it to get started with Hygraph?
Hygraph is designed to be easy to start with, even for non-technical users. For example, Top Villas launched a new project in just 2 months from the initial touchpoint. Customers can get started quickly by signing up for a free account and using resources like the Hygraph Documentation and onboarding guides. Learn more.
Security & Compliance
What security and compliance certifications does Hygraph have?
Hygraph is SOC 2 Type 2 compliant, ISO 27001 certified, and GDPR compliant. These certifications ensure enterprise-grade security and data protection for users. For more details, visit the Hygraph Security Features page.
How does Hygraph ensure data security and compliance?
Hygraph provides robust security features including SSO integrations, audit logs, encryption at rest and in transit, and sandbox environments to protect sensitive data and meet regulatory standards. Learn more.
Support & Implementation
What customer support is available after purchasing Hygraph?
Hygraph offers 24/7 support via chat, email, and phone. Enterprise customers receive dedicated onboarding and expert guidance. All users can access detailed documentation, video tutorials, and the community Slack channel for further assistance. Contact support.
What training and technical support does Hygraph provide to help customers get started?
Hygraph provides comprehensive training and technical support, including 24/7 support via chat, email, and phone, onboarding sessions for enterprise customers, training resources such as video tutorials, documentation, webinars, and access to Customer Success Managers for expert guidance. Learn more.
Performance & Metrics
How does Hygraph optimize content delivery performance?
Hygraph emphasizes optimized content delivery performance, which directly impacts user experience, engagement, and search engine rankings. By ensuring rapid content distribution and responsiveness, Hygraph reduces bounce rates and increases conversions. Learn more.
Customer Proof & Case Studies
Who are some of Hygraph's customers?
Hygraph is trusted by leading brands such as Sennheiser, HolidayCheck, Ancestry, Samsung, Dr. Oetker, Epic Games, Bandai Namco, Gamescom, Leo Vegas, and Clayton Homes. See more customer stories.
Competition & Comparison
How does Hygraph compare to Apollo Federation and GraphQL Mesh?
Hygraph, Apollo Federation, and GraphQL Mesh all compose independent services into a federated schema. Hygraph and GraphQL Mesh support various data sources and APIs, while Apollo Federation supports GraphQL APIs. Hygraph offers flexibility in remote sources development and deployment, provides a built-in Gateway to route queries, and enables independent development and deployment of remote sources. Read the comparison.
Extend and integrate your Hygraph project with other APIs, including GraphQL, OpenAPI, gRPC, Mongo, and more with GraphQL Mesh.
Written by Jamie
on Aug 26, 2021
Imagine building a travel site that is packed with destinations visitors can explore to plan their summer vacation. While you'll want to show off the great amenities, and gorgeous views, you may also want to show details about the current weather.
One of the most spouted features of GraphQL is that it's a single endpoint for your data — that's fine if you're using one service for all of your data.
You'll most likely want to query hotel reviews and photos from your Content Management System (Hygraph), the current forecast using a Weather API (Weatherbit), and maybe flight prices from a flights API (Rapid) but doing this in one request isn't so straightforward — until now.
You could make requests to multiple APIs on the frontend, but you'll often find this adds complexity to those managing the frontend.
If you want to follow along — create a project with Weatherbit.io and a new Hygraph project using the "Travel Site" schema template.
Open the API Playground and run the following query:
{
hotels{
name
rooms
photos{
url
}
reviews{
content{
html
}
destinations{
name
description
}
}
}
}
You should see some example data we populated your project with when you created it from the schema template.
Now, if you imagine the following query:
{
hotels{
name
rooms
photos{
url
}
reviews{
content{
html
}
}
destinations{
name
description
forecast{
uv
weather{
description
}
}
}
}
}
You'll notice we are trying to fetch forecast on destinations, and if you try to run this within your project, you'll see it's not defined, and get an error.
You could create a model in Hygraph and keep a relation to forecast up to date, but this isn't scalable. Thanks to APIs we can handle this request programmatically.
To query data across multiple remote APIs, we'll be using GraphQL Mesh.
You'll want to obtain an API key with Weatherbit and create a new project with Hygraph. You can select the "Travel site" project template to quickly scaffold a new project with example destinations.
Then, inside of a new folder for your project, create the file .meshrc.yml and add the following:
ℹ️ Don't forget to replace YOUR_HYGRAPH_ENDPOINT with your project endpoint. If your API endpoint isn't public, you'll want to create a Permanent Auth Token, and update the Hygraph source:
sources:
-name: Hygraph
handler:
graphql:
endpoint: YOUR_HYGRAPH_ENDPOINT
operationHeaders:
Authorization:"Bearer YOUR_HYGRAPH_TOKEN"
Now, let's configure GraphQL Mesh to add a new field to our Hotel type (provided by Hygraph).
We can do this by providing additionalTypeDefs to our .meshrc.yml:
additionalTypeDefs:|
extend type Destination {
forecast: Forecast
}
Then we can provide additionalResolvers to our .meshrc.yml to connect the query to our "Weather" handler:
ℹ️ Don't forget to replace YOUR_WEATHERBIT_API_KEY with your actual API key.
Inside of the resolvers above we declare Destination as our target type, and the additional type definition forecase that we want to create a resolver for.
The requiredSelectionSet is necessary because we need to fetch the latitude and longitude from the query we're executing — the root.
The sourceName is the source handler we declared above, in this case "Weather". We then declare the query that is to be ran against the "Weather" API — in this case getForecastDailyLatequalToLatLonLon.
To finish connecting the source of our additional resolver, we'll pass the latitude and longitude from the Destination model to the query arguments, along with our API key.
To start the server you'll want to run the custom dev script we wrote earlier, npm run dev.
Now, if we run the query from earlier, we'll get the following results:
"html":"<p>Fusce eget ultricies quam, sollicitudin varius diam. Suspendisse ut massa vel velit sollicitudin facilisis vel facilisis augue. Praesent sodales finibus nibh sit amet faucibus. Nam faucibus diam vel arcu venenatis euismod. Morbi metus neque, porttitor in tincidunt ac, ultrices a elit. Mauris varius aliquet neque id viverra.</p>"
}
}
],
"destinations":[
{
"name":"Santorini",
"description":"",
"forecast":{
"uv":6.18308,
"weather":{
"description":"Clear sky"
}
}
}
]
}
]
}
}
Great success! You can get the code for this example on GitHub.
Blog Author
Jamie Barton
Jamie is a software engineer turned developer advocate. Born and bred in North East England, he loves learning and teaching others through video and written tutorials. Jamie currently publishes Weekly GraphQL Screencasts.
Share with others
Sign up for our newsletter!
Be the first to know about releases and industry news and insights.