Frequently Asked Questions

Product Overview & Getting Started

What is the Hygraph Marketing Website Starter?

The Hygraph Marketing Website Starter is an open-source template built using Hygraph, Next.js, and Chakra UI. It enables users to quickly prototype and iterate on marketing websites for SaaS products. The starter provides a reference implementation for building fully functional, SEO-ready marketing sites with internationalization and modular page templates. Source

How do I get started with the Hygraph Marketing Website Starter?

To get started, clone the repository from GitHub, install dependencies, and provide your Hygraph project keys using the Marketing Website Template. You can then start building by running yarn dev. Detailed instructions are available in the Quickstart section of the official announcement.

Where can I find a demo or live example of the Marketing Website Starter?

You can view a live demo of the Marketing Website Starter at this link. The source code is available on GitHub.

Features & Capabilities

What features does the Hygraph Marketing Website Starter offer?

The Marketing Website Starter includes:

Source

Does Hygraph support internationalization and localization?

Yes, Hygraph supports internationalized routing using Next.js i18n features and Hygraph Localization, allowing you to build multilingual marketing websites. Source

How does Hygraph help with SEO for marketing websites?

Hygraph enables SEO-ready pages and posts by integrating with Next SEO and allowing you to source SEO content directly from Hygraph. This ensures your marketing website is optimized for search engines. Source

What integrations are available with Hygraph?

Hygraph offers a wide range of integrations, including Netlify, Vercel, BigCommerce, commercetools, Shopify, Lokalise, Crowdin, EasyTranslate, Smartling, Aprimo, AWS S3, Bynder, Cloudinary, Mux, Scaleflex Filerobot, Ninetailed, AltText.ai, Adminix, and Plasmic. For a full list, visit the Hygraph Integrations page.

Does Hygraph provide an API for content management?

Yes, Hygraph provides a powerful GraphQL API for efficient content fetching and management. Learn more 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.

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 more details, visit the Hygraph Security Features page.

How does Hygraph protect sensitive data?

Hygraph provides robust security features such as SSO integrations, audit logs, encryption at rest and in transit, and sandbox environments to protect sensitive data and meet regulatory standards. Source

Performance & Technical Requirements

How does Hygraph optimize content delivery performance?

Hygraph emphasizes optimized content delivery performance, which improves user experience, engagement, and search engine rankings. Rapid content distribution and responsiveness help reduce bounce rates and increase conversions. Learn more at this page.

What technical documentation is available for Hygraph?

Hygraph offers comprehensive technical documentation covering all aspects of building and deploying projects. Access it at Hygraph Documentation.

Use Cases & Customer Success

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 looking to modernize, and brands aiming to scale across geographies or improve development velocity. Source

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. Source

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. More stories are available here.

Who are some of Hygraph's customers?

Hygraph's customers include Sennheiser, Holidaycheck, Ancestry, Samsung, Dr. Oetker, Epic Games, Bandai Namco, Gamescom, Leo Vegas, and Clayton Homes. For more details, visit Hygraph Case Studies.

Pain Points & Solutions

What problems does Hygraph solve?

Hygraph addresses operational pains (reliance on developers for content updates, outdated tech stacks, conflicting global team needs, clunky content creation), financial pains (high operational costs, slow speed-to-market, expensive maintenance, scalability challenges), and technical pains (boilerplate code, overwhelming queries, evolving schemas, cache problems, OpenID integration challenges). Source

How does Hygraph solve these pain points?

Hygraph provides an intuitive interface for non-technical users, modernizes legacy tech stacks with a GraphQL-native, API-first architecture, ensures consistent branding via content federation, and streamlines workflows to reduce costs and accelerate speed-to-market. It also simplifies development, query management, and schema evolution, and resolves cache and integration challenges. Source

What KPIs and metrics are associated with the pain points Hygraph solves?

Key metrics include time saved on content updates, system uptime, speed of deployment, consistency in content across regions, user satisfaction scores, reduction in operational costs, time to market, maintenance costs, scalability metrics, and performance during peak usage. For more details, visit the blog on CMS KPIs.

Support & Implementation

How easy is it to implement Hygraph and get started?

Hygraph is designed for easy onboarding, even for non-technical users. For example, Top Villas launched a new project in just 2 months from initial contact. Users can sign up for a free account and access documentation and onboarding guides. Source

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 have access to documentation, video tutorials, and a community Slack channel. For more details, visit the Hygraph Contact Page.

What training and technical support does Hygraph provide for onboarding?

Hygraph provides 24/7 support, onboarding sessions for enterprise customers, training resources such as video tutorials, documentation, webinars, and Customer Success Managers for expert guidance. Source

Competitive Positioning

How does Hygraph differentiate itself from other CMS platforms?

Hygraph stands out with its GraphQL-native architecture, content federation, scalability, and ease of use for both technical and non-technical users. It streamlines workflows, reduces costs, and accelerates speed-to-market, making it a strong choice for modern digital experiences. For more details, visit the product page.

Webinar Event: How to Avoid Personalization Tech Traps

Announcing the Official Hygraph Marketing Website Starter

Introducing the Marketing Website Starter built using Hygraph, Next.js, and Chakra UI. Quickly prototype and iterate on your own website.
Ronak Ganatra
João Pedro Schmitz

Written by Ronak & João 

Jun 15, 2021
Headless CMS Website Starter - GraphCMS, Next.js, Chakra UI And Vercel

We're excited to share that we have a new official Hygraph Starter! A Marketing Website for SaaS Products built using Hygraph, Next.js, and Chakra UI. The repository for this is open-sourced, so you can quickly prototype and iterate on your own website.

Modern Marketing Websites with a Headless CMS

This reference application is an example of how to build a fully-funcional marketing website for a SaaS product using Hygraph.

#Features

#Quickstart

1. Clone the repository and install project dependencies

npx degit hygraph/reference-marketing-website#main reference-marketing-website
cd reference-marketing-website
yarn

2. Provide your Hygraph project keys

In order to use this starter, you'll need to have created a new Hygraph project using our Marketing Website Template.

Navigate into your new site’s directory and copy the .env.local.example file.

cp .env.local.example .env.local

Inside of your newly created .env.local file, provide values for the variable. These variables can be found in the project settings UI.

NEXT_PUBLIC_HYGRAPH_URL=""

3. Start building!

yarn dev

Get started with your own Marketing Website

Blog Authors

Share with others

Sign up for our newsletter!

Be the first to know about releases and industry news and insights.