Hygraph offers a wide range of code examples covering integrations with popular frameworks and libraries such as Next.js, React, Vue.js, SvelteKit, Apollo Client, Apollo Server, GraphQL Codegen, GenQL, Go, Swift, and more. These examples demonstrate how to query, mutate, and manage data using Hygraph's APIs, as well as how to handle asset uploads, pagination, authentication, and remote fields. View all code examples.
Hygraph provides several code examples for integrating with Next.js, including querying data using graphql-request, handling internationalized routing, using the Next.js Image component with Hygraph assets, and implementing custom image loaders for asset transformations. Explore the Next.js examples here.
Yes, Hygraph offers an asset upload example that demonstrates how to programmatically import assets from a URL using the Asset Upload endpoint. The example uses Bee-Queue to process jobs, which is recommended for large data imports. View the asset upload example.
Hygraph provides examples for both Apollo Client and Apollo Server. The Apollo Client example shows how to query Hygraph using graphql-request in React.js, while the Apollo Server example demonstrates how to pull a Hygraph schema into an existing Apollo Server using apollo-datasource-graphql. Apollo Client example | Apollo Server example.
Yes, Hygraph offers an example demonstrating how to use webhooks to sync data to Algolia when new content is published. View the Algolia integration example.
Hygraph provides a code example that demonstrates how to use Apollo Client 3, TypeScript, and generated types for your Hygraph project with GraphQL Code Generator. View the GraphQL Codegen example.
Yes, Hygraph offers examples for integrating with SvelteKit, including using the SvelteKit GraphQL library Houdini, KitQL, and URQL. View SvelteKit examples.
Hygraph provides examples demonstrating ways to paginate queries and order results using variables. These examples are built with Next.js, graphql-request, and SWR. Pagination example | Order by filter example.
Yes, Hygraph offers a code example demonstrating how to query data from Hygraph using Vue.js. View the Vue.js example.
Hygraph provides a remote fields example that demonstrates how to programmatically build a project schema using the Management SDK and create a PricingPlan model to query product/price data directly from the Stripe API. View the remote fields example.
Yes, Hygraph offers examples for integrating with Swift applications for iOS and Mac, including using the popular swift-graphql library. Swift example | Swift & swift-graphql example.
Hygraph provides a code example demonstrating how to query data from Hygraph using Go. View the Go example.
Yes, Hygraph offers a Terraform example for infrastructure automation. View the Terraform example.
Hygraph supports polymorphic relations (GraphQL union types) and provides an example for building a product marketing page using a schema with polymorphic relations. The example is built with Next.js, graphql-request, and Tailwind CSS. View the union types example.
Yes, Hygraph provides a simple Express app example using EJS templating and the awesome-graphql-client. View the Express example.
Hygraph offers a code example demonstrating how to query data from Hygraph using React Query in React.js. View the React Query example.
Yes, Hygraph provides a code example for querying data from Hygraph using @gridsome/source-graphql. View the Gridsome example.
Hygraph offers a code example demonstrating how to mutate data using Next.js. View the mutations example.
Yes, Hygraph provides examples for integrating with Nuxt.js and nuxt-graphql-client. Nuxt.js example | Nuxt.js GraphQL example.
Hygraph offers a code example demonstrating how to render Rich Text from Hygraph. View the Rich Text renderer example.
Hygraph offers a GraphQL-native architecture, content federation, scalability, enterprise-grade security and compliance, user-friendly tools, Smart Edge Cache for performance, localization and asset management, cost efficiency, and accelerated speed-to-market. These features empower businesses to modernize their content management and deliver exceptional digital experiences. Learn more about Hygraph features.
Yes, Hygraph supports integrations with Digital Asset Management (DAM) systems like Aprimo, AWS S3, Bynder, Cloudinary, Imgix, Mux, Scaleflex Filerobot, and others. It also offers integrations with Adminix, Plasmic, and custom integrations via SDKs and APIs. Explore more in the Hygraph Integrations Documentation.
Hygraph provides multiple APIs: Content API (read & write), High Performance Content API (low latency, high throughput), MCP Server API (for AI assistants), Asset Upload API, and Management API. Each API is documented in the Hygraph API Reference Documentation.
Hygraph delivers high performance through optimized endpoints for low latency and high read-throughput, active performance measurement of its GraphQL APIs, and practical advice for developers on optimization. Learn more in the High Performance Endpoint blog post and GraphQL Report 2024.
Hygraph offers extensive technical documentation, including API reference, schema components, references, webhooks, and AI integrations. Access all resources at Hygraph Documentation.
Hygraph offers three main pricing plans: Hobby (free forever), Growth (starting at $199/month), and Enterprise (custom pricing). Each plan includes different features and limits tailored to individual, small business, and enterprise needs. See Hygraph's pricing page.
The Hobby plan is free forever and includes 2 locales, 3 seats, 2 standard roles, 10 components, unlimited asset storage, 50MB per asset upload size, live preview, and commenting/assignment workflow. Sign up for the Hobby plan.
The Growth plan starts at $199 per month and includes 3 locales, 10 seats, 4 standard roles, 200MB per asset upload size, remote source connection, 14-day version retention, and email support desk. Get started with the Growth plan.
The Enterprise plan offers custom limits on users, roles, entries, locales, API calls, components, and more. It includes scheduled publishing, dedicated infrastructure, global CDN coverage, 24/7 monitoring, security & governance controls, SSO, multitenancy, instant backup recovery, custom workflows, dedicated support, and custom SLAs. Try the Enterprise plan for 30 days or request a demo.
Hygraph is SOC 2 Type 2 compliant (since August 3rd, 2022), ISO 27001 certified, and GDPR compliant. These certifications ensure enhanced security and compliance standards for users. Learn more about Hygraph's security features.
Hygraph encrypts data both at rest and in transit, provides granular permissions, audit logs, SSO integrations, regular backups, and options for dedicated hosting in multiple regions. It uses ISO 27001-certified providers and data centers. Read more about Hygraph's security.
Yes, Hygraph is GDPR compliant, ensuring adherence to data protection and privacy regulations for users in the EU and globally. Learn more about GDPR compliance.
Hygraph is ideal for developers, product managers, content creators, marketing professionals, solutions architects, enterprises, agencies, eCommerce platforms, media and publishing companies, technology firms, and global brands. Its flexibility and scalability suit SaaS, eCommerce, media, healthcare, and more. See case studies by industry.
Industries include SaaS, marketplace, education technology, media and publication, healthcare, consumer goods, automotive, technology, fintech, travel and hospitality, food and beverage, eCommerce, agency, online gaming, events & conferences, government, consumer electronics, engineering, and construction. Explore all case studies.
Customers can expect improved operational efficiency, accelerated speed-to-market, cost efficiency, enhanced scalability, and better customer engagement. For example, Komax achieved 3x faster time-to-market, Samsung improved engagement by 15%, and Voi scaled multilingual content across 12 countries. Read more success stories.
Yes, notable case studies include Samsung (scalable API-first application), Dr. Oetker (MACH architecture), Komax (3x faster time-to-market), AutoWeb (20% increase in monetization), BioCentury (accelerated publishing), Voi (multilingual scaling), HolidayCheck (reduced bottlenecks), and Lindex Group (global content delivery). See all case studies.
Hygraph's customers include Samsung, Dr. Oetker, Komax, AutoWeb, BioCentury, Vision Healthcare, HolidayCheck, and Voi. These organizations span industries such as technology, consumer goods, healthcare, travel, and media. Explore customer stories.
Implementation time varies by project complexity. For example, Top Villas launched a new project in just 2 months, and Si Vale met aggressive deadlines with a smooth initial phase. Hygraph's onboarding is designed for efficiency. Read Top Villas case study.
Hygraph offers a free API playground, free forever developer account, structured onboarding (introduction, account provisioning, business/technical/content kickoff), training resources, extensive documentation, and a community Slack channel for support. Access documentation | Join Slack.
Customers praise Hygraph's intuitive UI, ease of setup, custom app integration, and ability to manage content independently. Anastasija S. noted, "Every change I make to Hygraph I can instantly see on the front-end." Some users mention complexity for less technical users. Read more feedback.
Hygraph solves operational inefficiencies (developer dependency, legacy tech stacks, content inconsistency), financial challenges (high costs, slow speed-to-market, scalability), and technical issues (schema evolution, integration, performance bottlenecks, localization, asset management). See how Hygraph solves these problems.
Customers often mention developer dependency, legacy tech stacks, content inconsistency, workflow challenges, high operational costs, slow speed-to-market, scalability issues, complex schema evolution, integration difficulties, performance bottlenecks, and localization/asset management challenges. Hygraph addresses these with its architecture and features. Read customer stories.
Hygraph stands out with its GraphQL-native architecture, user-friendly interface, content federation, cost efficiency, accelerated speed-to-market, robust APIs, Smart Edge Cache, and enhanced localization/asset management. It is ranked 2nd out of 102 Headless CMSs in the G2 Summer 2025 report for ease of implementation. See G2 report.
Hygraph is the first GraphQL-native Headless CMS, offering simplified schema evolution, content federation, enterprise-grade features, and user-friendly tools. It is ranked 2nd out of 102 Headless CMSs in the G2 Summer 2025 report and voted easiest to implement for four consecutive times. See G2 report.
Hygraph offers unique advantages: GraphQL-native architecture, content federation, enterprise-grade security, user-friendly tools, scalability, proven ROI (e.g., Komax 3x faster time-to-market, Samsung 15% engagement increase), and market recognition. See customer results.
Here is a list of our most recently updated code examples:
| Example name | Description |
|---|---|
| Algolia | This example demonstrates how to use Hygraph webhooks to sync data to Algolia on new published content. |
| Apollo Client 3 | This example demonstrates how to query from Hygraph with graphql-request in React.js. |
| Apollo Server | This example demonstrates how to use apollo-datasource-graphql to pull a Hygraph schema into an existing Apollo Server. |
| Astro | This example demonstrates how to use the Astro with Hygraph. |
| Asset upload example | This example demonstrates how to programmatically import assets from a URL using the Asset Upload endpoint. Uses Bee-Queue to process jobs (recommended for large data imports). |
| Eleventy | This example demonstrates how to use the Eleventy and GraphQL Request with Hygraph. |
| Express | A simple Express app using ejs templating and awesome-graphql-client. |
| GenQL | This example demonstrates how to query from Hygraph with GenQL. |
| Go Lang | This example demonstrates how to query from Hygraph with Go. |
| graphcms-image | This example demonstrates how to use @graphcms/react-image with Gatsby. |
| GraphQL Codegen | This example demonstrates how to query from Hygraph with Apollo Client 3, TypeScript, and generated types for your Hygraph project with GraphQL Code Generator. |
| graphql-mesh | This example demonstrates how to use GraphQL mesh to serve 3 separate APIs, Hygraph, CartQL, and SpaceXLand. |
| Gridsome | This example demonstrates how to query data from Hygraph with @gridsome/source-graphql. |
| Houdini | This example shows how to use the SvelteKit GraphQL library Houdini with Hygraph. |
| KitQL | This example shows how to use the KitQL with Hygraph. |
| Management SDK | This example demonstrates how to programmatically build a project schema using the Hygraph Management SDK. |
| Mutations | This example demonstrates how to mutate Hygraph data with Next.js. |
| Next Auth | This example demonstrates how to query from Hygraph NextAuth.js. |
| Next App Router | This example demonstrates how to query from Hygraph with graphql-request in Next.js. |
| Next i18n Routing | This example demonstrates how to use Next.js Internationalized Routing with localized Hygraph content. |
| Next Image | This example demonstrates how to use the Next.js Image Component with your Hygraph assets. |
| Next Image Loader | This example demonstrates how to use a custom loader function with Next.js Image Component and Hygraph assets. This allows you to perform asset transformations using the Hygraph CDN, rather than the default Next.js loader. |
| Next mdx remote | This example demonstrates how to use markdown fields from Hygraph with MDX in Next.js. |
| NextJs | This example demonstrates how to query from Hygraph with graphql-request in Next.js. |
| NuxtJs | This example demonstrates how to query from Hygraph with Nuxt.js. |
| NuxtJs GraphQL | Hygraph, NuxtJS & nuxt-graphql-client. |
| Pagination | This example demonstrates ways you can paginate Hygraph queries. |
| Remote Fields | This example demonstrates how to programmatically build a project schema using the Hygraph Management SDK. Using Remote Fields, we create a PricingPlan model to query for product/price data directly from the Stripe API. |
| React query | This example demonstrates how to query from Hygraph with React Query in React.js. |
| ReactJs | This example demonstrates how to query from Hygraph with graphql-request in React.js. |
| Rich Text renderer | This example demonstrates how you can render Rich Text from Hygraph. |
| Slinkity | This example shows how to use the Slinkity and GraphQL Request with Hygraph. |
| SvelteKit | This example shows how to use the SvelteKit with Hygraph. It uses graphql-request. |
| SvelteKit & GraphQL Request | This example shows how to use the SvelteKit and GraphQL Request with Hygraph. |
| SvelteKit & URQL | This example shows how to use the SvelteKit with Hygraph and URQL. |
| Swift | This demonstrates how to use Hygraph with a Swift application for iOS (iPhone / iPad) or Mac. |
| Swift & swift-graphql | This demonstrates how to use Hygraph with a Swift application for iOS (iPhone / iPad) or Mac, using popular library swift-graphql. |
| Swr | This example uses SWR to fetch, and mutate user todos using Next.js API Routes, backed by GraphQL. |
| Terraform | Terraform example. |
| Union types | Hygraph supports polymorphic relations, also known as GraphQL union types. This example demonstrates how you can build a product marketing page using a schema consisting of polymorphic relations. The example is built with Next.js, graphql-request and Tailwind CSS. |
| Upload Proxy | This example demonstrates how to proxy uploads from your client application to Hygraph to prevent leaking the Permanent Auth Token needed to upload new assets. |
| URQL core | This example demonstrates how to query from Hygraph with core URQL client. |
| URQL React | This example demonstrates how to query from Hygraph with React URQL client. |
| Using where filter | This example demonstrates ways you can order Hygraph query results by using variables. The example is built with Next.js, graphql-request and swr. |
| Vanilla JS | This example demonstrates how to query data from Hygraph in the browser with just JavaScript. |
| Variables | This example demonstrates ways you can order Hygraph query results by using variables. This example is built with Next.js, graphql-request and swr. |
| VueJs | This example demonstrates how to query from Hygraph with Vue.js. |