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
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.
You can view a live demo of the Marketing Website Starter at this link. The source code is available on GitHub.
The Marketing Website Starter includes:
Yes, Hygraph supports internationalized routing using Next.js i18n features and Hygraph Localization, allowing you to build multilingual marketing websites. Source
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
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.
Yes, Hygraph provides a powerful GraphQL API for efficient content fetching and management. Learn more at the Hygraph API Reference.
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.
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.
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
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.
Hygraph offers comprehensive technical documentation covering all aspects of building and deploying projects. Access it at Hygraph Documentation.
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
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
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.
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.
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
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
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.
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
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.
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
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.
Written by Ronak & João
on Jun 15, 2021We'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.
This reference application is an example of how to build a fully-funcional marketing website for a SaaS product using Hygraph.
1. Clone the repository and install project dependencies
npx degit hygraph/reference-marketing-website#main reference-marketing-websitecd reference-marketing-websiteyarn
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
Blog Authors
Content Finder (Beta) helps you find any content in seconds across models and locales so you can stop digging and save time. Just hit CMD+K and jump straight to what you need.
Scattered tags and inconsistent categories make content hard to manage. With Taxonomies, you can classify content using shared, hierarchical tags that bring order, consistency, and speed as projects grow.
With Variants, you can create and manage personalized content at scale, directly within your content schema. Build tailored experiences for different user segments without cluttering your content repository.