Easily restore your project to a previous version with our new Instant One-click Backup Recovery
Hygraph
Docs

Learn about Hygraph

Hygraph is the first GraphQL native, API-first, headless CMS that offers Content Federation. It provides all the capabilities of a headless CMS, which makes it frontend agnostic, with the advantage of also being backend agnostic thanks to its unique Content Federation features. This means that you can create content in Hygraph or source it from other systems as well.

As a frontend and backend agnostic API-first solution, Hygraph enables over 50,000 teams around the world to create, enrich, and deliver content programmatically.

#How it works

As a headless content management solution, Hygraph helps organizations define content structures and empower editorial teams to create content within a defined structure.

You can use our schema builder to create the content structure of your project. You can define your schema by creating models and adding fields, reusable components, and sidebar widgets to them, as well as integrating remote sources and establishing relationships with other models.

Once you have set the content structure of your project, teams can use our content editor to create content of their own, or you can use our Content Federation capabilities to source your content from an external system.

Developers can then deliver this content to any frontend of choice and work with their preferred frameworks (React, Next.js, Vue, etc.), using Hygraph's GraphQL API.

Team collaboration is made easy through the use of our Commenting feature, and different roles ensure your project works smoothly across different teams. Editorial and business teams can add content to the CMS in parallel, while administrators can define granular rights and permissions to ensure governance and security.

#Why choose Hygraph?

While most headless web content management solutions are frontend agnostic, Hygraph stands out by being backend agnostic as well, through Content Federation. You can source content from any backend system into Hygraph, then deliver it to any frontend of your choice using our GraphQL API.

You can connect any web service or API to your Hygraph content model to query and join data across multiple sources with a single GraphQL query.

With our Remote Sources feature, you can access remote content & data through the Hygraph GraphQL API, allowing you to create a single content endpoint without having to migrate everything to a single platform.

With Content Federation, you can unify your stack into a single API, reduce the complexity of your architecture, remove redundant copies of your data and get rid of expensive custom middleware code that glues your services together.

Here's why 1000s of businesses, developers and content teams prefer Hygraph to build innovative digital products:

#Composability

Content Federation and extensibility of the platform allows you to connect data silos into one API endpoint and also to future proof your tech stack.

#Developer tools

Hygraph equips your engineering teams with the tools to build what you need, from simple to complex digital products. Developers can define schemas using low-code content modeling capabilities, then use the rich set of GraphQL APIs, SDKs, integrations and tools that we offer to deliver excellent performance in a sustainable way.

We can integrate with your processes (CI/CD), do the heavy lifting at the backend and connect with systems and frameworks of your choice, while you focus on building the best experience for your users.

#Performance

Build ultra-fast scalable digital products such as media, e-learning, digital event platforms, b2b publishing apps, and any other solution leveraging programmatic and API driven content.

We offer industry leading Graph APIs for content delivery, mutations and content management, as well as a globally distributed infrastructure with advanced caching.

With Hygraph, you can boost web performance, rank higher on Google, increase end-user satisfaction, and support large volumes of globally distributed visitors.

#Enterprise ready

Using Hygraph, you will benefit from enterprise-grade security, compliance, certifications and support. Hygraph is recognized by analysts from Gartner and Forrester, trusted by 1000s, certified and secure - SOC 2 Type 2, GDPR, MACH -, and offers the capabilities needed by large-scale enterprises such as granular permissions, support SLA, etc.

#Use cases support

Hygraph enables the following use cases:

  • Programmatic and API driven content: applications where content is not only created by users using the Hygraph UI, but also from other sources by using the API.
  • Content rich applications: platforms with large volumes of rich and detailed content (combination of text, videos, images), usually contributed by large content teams or multiple external stakeholders. Examples include media platforms, recipe sites, gaming platforms, etc.
  • Content Federation: applications that source content from multiple systems (public APIs such as data about weather or internal systems, etc.) and query it all through one GraphQL API.
  • Interactive services: digital products that provide end users with ability to create and submit content; such as self-serve portals, membership platforms, etc.
  • Complex schema: applications hosting content with complex structured information and relationships such as statistics publications, public records publications, etc.

Once you're logged in you'll see a list of all projects you have access to. Clicking on a project will take you to the project directory.

You can navigate between the different sections of the project using the sidebar. These areas are:

Project directoryProject directory

UI SectionWhat you can do
1. OverviewHome screen with a start guide and links to support, documentation and examples.
2. Schema BuilderSetup of the content models as required by your project.
3. Content EditorAccess existing content, create custom content views, create/ edit content, review content, and publish content.
4. Digital Asset ManagerTab to manage and upload your assets.
5. API PlaygroundAn API playground where you can test out API calls.
6. NotificationsA section to manage your notifications.
7. AppsA section to manage apps.
8. WebhooksA section to manage webhooks.
9. Project SettingsDetails about project information, API access, billing, environments, locales and members
10. HelpDocumentation on concepts, code examples, reference apps, features etc.
11. Contact supportHygraph Public Slack Channel
12. User SettingsLogout, User Configuration, Studio/Classic app switch.

#Section contents

This section offers a contents map to help you readily find what you're looking for.

#Fundamentals

DocumentContents
About HygraphContains information about Hygraph, such as how it works, its advantages and use cases. It also offers information on how to navigate the CMS.
Hygraph Studio vs ClassicLearn about the differences between Hygraph Studio & Hygraph Classic.
App walkthroughOne-page app walkthrough showing you the entire app and all of its sections.
QuickstartQuickstart guide containing all basic mechanics involved in creating a project, a model, adding a basic field, creating a content entry, publishing/querying/mutating content, and enabling API access.
Content modelingContains information about the basics of content modeling with Hygraph, and why it is important for all projects.
Content FederationContains information about what Content Federation is and its advantages.
Migrating to HygraphContains information about the process of migrating to Hygraph.
GlossaryContains lists of useful Hygraph related concepts and terms.

#Content modeling

DocumentContents
5 essential questionsLearn the basics of content modeling with Hygraph, and why it is important for all projects.
Structured contentLearn about structured content, what is it and why you should be using it.
Content modeling tipsLearn how to model content effectively by involving your stakeholders and keeping your business goals in mind.
Full process exampleThis example shows the full content modeling process, from research to a finished project schema in Hygraph.
Best practicesLearn about the dos and don'ts of content modeling.

#Getting started

DocumentContents
1.1 Plan your content flowYou'll learn how to plan your content flow before you start building a schema.
1.2 Design your content modelsYou'll learn how to design your content models before you start building a schema.
1.3 Build your content modelsYou'll learn how to build your base content models. You'll add complexity to them as you advance in this tutorial.
2.1 Configure reference fieldsYou'll learn how to configure different types of references and add them to your content models.
2.2 Configure enumerationsYou'll learn how to configure enumerations that we will later use as parts of component fields.
3.1 Build componentsYou'll learn how to build components that you will later add to your models as part of basic and modular component fields.
3.2 Add components to your modelsYou'll learn how to add the components we just created to the models in your schema, using basic and modular component fields.
4.1 Add a Remote SourceYou'll learn how to add a Remote Source to your project in order to fetch information from external third-party web services.
4.2 Remote FieldsYou'll learn how to add Remote Fields to your models.
4.3 Top-level Remote FieldsYou'll learn how to add Top-level Remote Fields to the Query system model.
5.1 Content creationYou'll learn how to create and modify content in the content creator screen and in the Assets system model.
5.2 Content localizationYou'll learn how to add a locale to your project and localize field in your content entries.
5.3 Additional content featuresYou'll learn how to work with content stages, content duplication, and content publishing.
6.1 Exercises: QueriesThis document contains exercises to provide queries practice in our API Playground.
6.2 Exercises: MutationsThis document contains exercises to provide mutations practice in our API Playground.
7.1 Creating a frontend using NextYou will learn how to create your frontend for the getting started project using Next.
7.2 Connecting our storefrontYou will learn how to connect our e-commerce storefront to our existing Hygraph project.
7.3 Preview URLYou will learn how to configure the Preview URL feature. We'll use it to add a Preview button to the sidebar of our content creation screen.
8.1 Configure webhooksYou will learn how to configure a webhook.
Wrap-upThis document contains a recap on our learning objectives, a list of best practices for your Hygraph projects, and some useful links so you can continue learning.

#Resources