Frequently Asked Questions
Product Overview & Use Cases
What is the Hygraph eCommerce Storefront Starter?
The Hygraph eCommerce Storefront Starter is a reference application designed to help you quickly build an eCommerce shop using Next.js, TailwindCSS, Stripe, and Hygraph. It showcases how to manage product inventory, order creation, and checkout flows with Hygraph acting as a Product Information Management (PIM) system. The starter provides a fully localized product catalogue, dynamic data fetching, and multi-currency support, making it ideal for developers and businesses looking to launch modern, scalable storefronts. Learn more.
Who should use the Hygraph eCommerce Storefront Starter?
This starter is ideal for developers, product managers, and businesses in ecommerce who want to quickly launch a modern storefront with robust localization, inventory management, and checkout capabilities. It is especially suited for teams looking to leverage a headless CMS architecture and integrate with popular frontend frameworks like Next.js. Source
Features & Capabilities
What features are included in the Hygraph eCommerce Storefront Starter?
The starter includes:
- TailwindCSS styling for rapid UI development
- Fully localized product catalogue using Hygraph localization and Next.js
- Pre-rendered catalogue pages via
getStaticProps and getStaticPaths - Dynamic client-side data fetching with SWR
- Localized shopping cart using
react-use-cart - Hosted checkout and payment flow with Stripe Checkout
- Order creation via Hygraph mutation API and API Routes (webhook integration)
- Multiple currency support
These features enable fast, scalable, and flexible storefront development. Source
How does the Hygraph eCommerce Storefront Starter handle localization?
The starter provides a fully localized product catalogue, leveraging Hygraph's localization features and Next.js capabilities. This allows you to display products and shopping experiences in multiple languages and regions, supporting global ecommerce operations. Source
Does the starter support multiple currencies?
Yes, the Hygraph eCommerce Storefront Starter supports multiple currencies, enabling you to offer localized pricing and checkout experiences for customers in different regions. Source
How does the checkout and payment flow work in the starter?
The starter uses Stripe Checkout for hosted payment flows, ensuring secure and reliable transactions. Orders are created using the Hygraph mutation API via API Routes, triggered by successful checkouts through webhooks. Source
Can I customize or extend the Hygraph eCommerce Storefront Starter?
Yes, you can customize and extend the starter using Hygraph's SDK and app framework. This allows you to add new features, integrations, or UI extensions to meet your unique requirements. Read the guide
Getting Started & Implementation
How do I get started with the Hygraph eCommerce Storefront Starter?
You can get started by cloning the Hygraph project directly from the starter link or by downloading the source code from GitHub. Deployment is streamlined with Vercel, allowing you to launch your storefront within minutes. Deploy with Vercel
How long does it take to implement the Hygraph eCommerce Storefront Starter?
Implementation can be completed within minutes using the provided starter and deployment guides. For more complex projects, Hygraph's onboarding process and training resources help teams get up and running quickly. For example, Top Villas launched a new project within 2 months from initial contact. Source
What resources are available to help me get started?
Hygraph provides extensive documentation (Hygraph Documentation), webinars, live streams, and how-to videos. You can also access real-time support via chat, email, phone, and the community Slack channel. Enterprise customers receive a dedicated Customer Success Manager for personalized onboarding and guidance. Source
Technical Details & Performance
What technologies are used in the Hygraph eCommerce Storefront Starter?
The starter is built using Next.js for the frontend, TailwindCSS for styling, Stripe for payment processing, and Hygraph for content and product management. It leverages React hooks, SWR for data fetching, and integrates with Hygraph's GraphQL APIs. Source
How does Hygraph ensure high performance for eCommerce storefronts?
Hygraph delivers high performance through features like Smart Edge Cache for faster content delivery, high-performance endpoints, and optimized GraphQL API usage. These capabilities ensure reliability and speed for storefronts with high traffic and global audiences. Read more
Security & Compliance
What security and compliance certifications does Hygraph have?
Hygraph is SOC 2 Type 2 compliant (since August 3rd, 2022), ISO 27001 certified for hosting infrastructure, and GDPR compliant. These certifications ensure robust data protection and adherence to international standards. Source
How does Hygraph protect customer data?
Hygraph uses granular permissions, SSO integrations, audit logs, encryption at rest and in transit, and regular backups to safeguard customer data. Enterprise-grade compliance features and transparent reporting processes further enhance security. Source
Support & Troubleshooting
What support options are available for users of the Hygraph eCommerce Storefront Starter?
Users have access to 24/7 support via chat, email, and phone, real-time troubleshooting through Intercom chat, and a community Slack channel. Extensive documentation and training resources are also available. Enterprise customers receive a dedicated Customer Success Manager for personalized support. Documentation
How does Hygraph handle maintenance, upgrades, and troubleshooting?
Hygraph is a cloud-based platform, so all deployment, updates, and infrastructure maintenance are managed by Hygraph. Upgrades are seamlessly integrated, and troubleshooting is supported through multiple channels including documentation, chat, and dedicated support staff. Documentation
Marketplace & Extensibility
Where can I find the Hygraph Marketplace?
You can explore the Hygraph Marketplace for apps, integrations, and starter templates at hygraph.com/marketplace. This hub allows you to extend your project's capabilities with ready-to-use solutions. Marketplace
What is the Hygraph Marketplace?
The Hygraph Marketplace is a central hub where you can discover and install apps, integrations, and starter templates to extend the functionality of your Hygraph projects. It includes solutions for eCommerce, localization, asset management, and more. Marketplace
Customer Success & Metrics
Can you share some customer success stories using Hygraph?
Yes. For example, Komax achieved a 3X faster time to market, Autoweb saw a 20% increase in website monetization, and Samsung improved customer engagement by 15% with scalable member platforms. More stories are available at Customer Stories.
What KPIs and metrics are associated with Hygraph's solutions?
Key metrics include time saved on content updates, reduction in operational costs, speed to market, system uptime, user satisfaction scores, and scalability during peak usage. For example, Komax managed over 20,000 product variations across 40+ markets via a single CMS, and Stobag increased online revenue share from 15% to 70%. Read more