What is Content Federation in Hygraph and how does it work with GitHub API data?
Content Federation in Hygraph enables you to combine data from multiple APIs, such as the GitHub API, and query them through a single GraphQL API. This approach allows developers to work in GitHub while content editors use Hygraph, merging these data streams into one powerful API. For example, you can create changelog content models by integrating GitHub data with Hygraph, making it easy to display repository collaborators and other metadata on your site. Learn more in the blog post.
How do you set up Hygraph to work with the GitHub API?
To set up Hygraph with the GitHub API, you need to create a new Hygraph project (or use an existing one), define a content model (e.g., Pages with title, slug, and body fields), and add a GraphQL remote source using a GitHub API key and endpoint. Once configured, you can create remote source fields to fetch specific data, such as repository collaborators, and use the API playground to refine your queries. See the setup steps in the blog.
What is a GraphQL Remote Source field in Hygraph?
A GraphQL Remote Source field in Hygraph allows you to fetch data from external APIs, such as GitHub, directly into your Hygraph content models. This enables you to display dynamic data (e.g., mentionable users from a repository) and simplifies query management by reducing code complexity. Read more in the blog.
How does Hygraph simplify working with multiple APIs?
Hygraph enables you to combine data from multiple APIs and query them through a single GraphQL API. This eliminates the need to manually link remote content to hosted content, simplifies authentication and authorization, and improves performance. Learn more about Hygraph's API capabilities.
What technologies can be combined with Hygraph for building performant user experiences?
Hygraph can be combined with technologies such as GraphQL, Markdown, Next.js, and SvelteKit to create performant user experiences. For example, you can use Hygraph's API to fetch content and display it in a SvelteKit application, as demonstrated in the blog post with James Quick. See more examples.
Technical Requirements
What API does Hygraph provide for developers?
Hygraph provides a powerful GraphQL API that allows developers to efficiently fetch and manage content. This API supports advanced querying, content federation, and integration with other platforms. See the API Reference.
Where can I find technical documentation for Hygraph?
Comprehensive technical documentation for Hygraph is available at Hygraph Documentation. It covers everything from setup and API usage to integrations and advanced features.
Integrations
What integrations does Hygraph support?
Hygraph supports a wide range of integrations, including hosting and deployment (Netlify, Vercel), eCommerce (BigCommerce, commercetools, Shopify), localization (Lokalise, Crowdin, EasyTranslate, Smartling), digital asset management (Aprimo, AWS S3, Bynder, Cloudinary, Mux, Scaleflex Filerobot), personalization and AB testing (Ninetailed), artificial intelligence (AltText.ai), and more. See the full list of integrations.
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.
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. Features include SSO integrations, audit logs, encryption at rest and in transit, and sandbox environments. Learn more about Hygraph's security features.
Use Cases & Benefits
Who can benefit from using Hygraph?
Hygraph is ideal for developers, IT decision-makers, content creators, project/program managers, agencies, solution partners, and technology partners. Companies that benefit most include modern software companies, enterprises seeking to modernize their tech stack, and brands aiming to scale across geographies or improve development velocity. See industry case studies.
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. Learn more about business impact.
What are some customer success stories with Hygraph?
Hygraph has several notable customer success stories. For example, 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. Explore more success stories.
Support & Implementation
How easy is it to get started with Hygraph?
Hygraph is designed for easy onboarding, even for non-technical users. Customers can sign up for a free account and use resources like 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.
What support and training does Hygraph offer?
Hygraph offers 24/7 support via chat, email, and phone. Enterprise customers receive dedicated onboarding and expert guidance. All users have access to documentation, video tutorials, webinars, and a community Slack channel. Contact Hygraph for support.
Product Information
What is the primary purpose of Hygraph?
Hygraph's primary purpose is to unify data and enable content federation, allowing businesses to create impactful digital experiences. Its GraphQL-native architecture removes traditional content management pain points, offering scalability, flexibility, and efficient data querying. Learn more about Hygraph's mission.
What problems does Hygraph solve?
Hygraph solves problems such as reducing reliance on developers for content updates, modernizing legacy tech stacks, addressing conflicting needs of global teams, and improving user experience for content creation. Financially, it lowers operational costs, speeds up time-to-market, and supports scalability. Technically, it simplifies development workflows, streamlines query management, and resolves cache and integration challenges. See more about Hygraph's solutions.
Customer Proof
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 case studies.
Combining Hygraph with GitHub API data with James Quick
Content Federation provides a whole host of interesting combinations. Let's explore this concept with James Quick using the GitHub API, Hygraph content, and SvelteKit.
Written by Bryan
on Dec 28, 2022
Content Federation provides a whole host of interesting combinations. I sat down with James Quick live on his stream to explore this concept with the GitHub API, Hygraph content, and SvelteKit.
During the stream, we set ourselves a few goals:
Create a fresh Hygraph project
Create a content model for site Pages
Create a GraphQL Remote Source for the GitHub API
Add a Collaborators field to each page to show all the collaborators for each page’s repository
To start, we needed to create a new Hygraph project. This will also work in any existing project. We created a blank project for James and set up a simple content model for his Pages with title (string), slug (slug), and body (rich text) fields.
From there, we followed the documentation to add a GraphQL remote source. To do this, we needed a “classic” GitHub API key and the GraphQL endpoint for GitHub. After running through all the security needs to get James an API key, we entered that data into a new Remote Source in the project’s Schema area.
After creating the remote source, that gave us access to the powerful GraphQL Remote Source field with all the GitHub data.
In order to use the remote source, we needed to create a remote source field to get the data we were looking for. To start and get a feel for things, we just got an entire repository’s set of data and then slowly narrowed that down to exactly the data we wanted: mentionableUsers from the repository.
After we navigated our way to the data we needed using the API playground, we simplified the query by moving most of it into the remote source field and only getting the nodes from the mentionable users array which took our overall query from 20 lines of code to 15 for the exact same data — developer ergonomics are helpful!
From there, we had the data we wanted to display on our site, and James took over to pull all this data into his SvelteKit application.
For simplicity, James opted to only create one page from the model. This matched his current use case, but also made it simpler code to read for the audience.
He created a single-file component to create the page with a script that ran our query from the API playground and displayed it with a basic SvelteKit template all in one file.
Now that we have all the GitHub information at our disposal, setting up additional information and creating dynamic repository pages with marketing information combining with API data is a breeze.
In January, Hygraph will host a live stream to take this concept deeper and make an entire website dedicated to showcasing information from a company’s various open source repositories.
Blog Author
Bryan Robinson
Head of Developer Relations
Bryan is Hygraph's Head of Developer Relations. He has a strong passion for developer education and experience as well as decoupled architectures, frontend development, and clean design.
Share with others
Sign up for our newsletter!
Be the first to know about releases and industry news and insights.