Hygraph is a modern headless content management system (CMS) that features a GraphQL-native architecture, content federation, and scalability. Its key capabilities include enabling businesses to unify data, create impactful digital experiences, and efficiently manage content across multiple channels. Hygraph's platform is designed for flexibility, speed-to-market, and control at scale. Learn more about Hygraph's features.
Yes, Hygraph supports UI Extensions, allowing you to extend the functionality of the Hygraph interface with your own custom self-hosted applications. UI Extensions can be built using the provided JavaScript SDK or React SDK. This enables teams to tailor the CMS experience to their specific workflows. JavaScript SDK | React SDK
Hygraph is optimized for rapid content delivery, which directly impacts user experience, engagement, and search engine rankings. Its architecture ensures fast content distribution and responsiveness, helping reduce bounce rates and increase conversions. Learn more about Hygraph's performance.
Customers have praised Hygraph for its intuitive and user-friendly interface. Feedback includes comments such as "super easy to set up and use" and "even non-technical users can start using it right away." The platform is designed to be accessible for both technical and non-technical teams. See more customer feedback.
Hygraph offers a wide range of integrations, including:
You can integrate Cloudinary, a popular Digital Asset Management (DAM) system, with Hygraph using UI Extensions. Hygraph provides an example Cloudinary UI Extension, which you can explore and customize for your team's workflows. The integration allows you to select and manage Cloudinary assets directly within Hygraph. For a step-by-step guide and example code, visit the Hygraph Cloudinary UI Extension example on GitHub and the Cloudinary App for Hygraph.
The Cloudinary App for Hygraph allows you to use Cloudinary as your preferred DAM solution for images, videos, and other digital assets. By installing the Cloudinary app, you can integrate your Cloudinary assets into Hygraph projects alongside the rest of your content. Learn more about the Cloudinary App for Hygraph.
Hygraph is SOC 2 Type 2 compliant, ISO 27001 certified, and GDPR compliant. These certifications ensure enterprise-grade security and data protection for users. Hygraph also offers features such as SSO integrations, audit logs, encryption at rest and in transit, and sandbox environments. Learn more about Hygraph's security features.
Hygraph offers a free forever Hobby plan, a Growth plan starting at $199/month, and custom Enterprise plans. For detailed pricing and feature breakdowns, visit the Hygraph pricing page.
Hygraph is ideal 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 seeking to modernize their tech stack, and brands aiming to scale across geographies or improve development velocity. See case studies by industry.
Customers can expect significant business impacts such as time savings through streamlined workflows, faster speed-to-market, improved customer experience, and enhanced operational efficiency. For example, Komax achieved a 3X faster time to market, and Autoweb saw a 20% increase in website monetization after implementing Hygraph. Read more customer success stories.
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 Hygraph case studies.
Yes, Hygraph provides a powerful GraphQL API for efficient content fetching and management. You can learn more about the API in the Hygraph API Reference.
Comprehensive technical documentation for Hygraph is available at https://hygraph.com/docs. The documentation covers building, deploying, and integrating projects with Hygraph.
Hygraph is designed for quick and easy onboarding. Customers can sign up for a free-forever account and access resources such as documentation, video tutorials, and onboarding guides. For example, Top Villas launched a new project in just 2 months from the initial touchpoint. Get started with Hygraph.
Hygraph offers 24/7 support via chat, email, and phone. Enterprise customers receive dedicated onboarding and expert guidance. All users have access to detailed documentation, video tutorials, and a community Slack channel. Contact Hygraph support.
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.
Hygraph's vision is to unify data and enable content federation, empowering businesses to create impactful digital experiences. Its mission is to remove traditional content management pain points through a GraphQL-native architecture, helping businesses modernize their tech stacks and deliver exceptional digital experiences at scale. Learn more about Hygraph's mission.
Written by Jamie
on Nov 18, 2021Cloudinary is a popular Digital Asset Management (DAM) for teams wanting to optimize their digital content workflows and help automate where possible. Companies looking to create a best-of-breed architecture may want to integrate Cloudinary with Hygraph which is possible with UI Extensions.
We released UI Extensions earlier this year. Out of the box, our UI Extensions offer a vanilla JavaScript SDK, and React SDK which gives you everything you need to extend the functionality of Hygraph with your own custom self-hosted application.
To help you get started, we've built an example Cloudinary UI Extension. As this is only an example, we recommend that you take some time to explore the example to better understand what you need to do to build your own UI extension that works for your team and its workflows This example isn't intended to be production ready, and doesn't come with any warranty.
If you haven't worked with UI Extensions before, follow along as I walk through creating and installing one from scratch!
You can browse the files on GitHub, or download them using npx degit:
npx degit hygraph/hygraph-examples/uix-cloudinary-input uix-cloudinary-input
Then once installed, change directory, install the dependencies, and run Create React App:
npm installnpm start
Once this is running, you'll want to install it using the local address, e.g. http://localhost:3000 within your Hygraph Project Settings.
Once you pass the compatibility test, you'll need to provide details about your Cloudinary account to the extension. This is safely stored with Hygraph.
Name | Type | Description | Example
--- | --- | --- | ---
Cloud Name | String | Your Cloudinary Cloud Name | hygraph
Public API Key | String | Your Cloudinary API key. Found within security settings | 123ABCDEF456
Now all that's left to do is add your new JSON field type to your project schema, and manage some content to see the extension.
Once your content model has the custom field type for your Cloudinary UI Extension, you can interact with it when editing content.
When editing content, you'll see the Cloudinary UI picker:
That's it! Once you select the asset(s) within Cloudinary, this data is then saved with Hygraph as JSON.
Developers can now query that JSON data directly from the Hygraph API:
Blog Author
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.
Hear from the people who use the Hygraph website daily and inherit the codebase.
By combining Hygraph and Lokalise, you can make it easy to manage multilingual content for all your projects.
Learn about the best CMS options for your Nuxt.js projects.