Hygraph page sections are modular components that allow you to structure your website pages using different field configurations. You can use recipes provided by Hygraph to create landing pages, multi-purpose sections, and related content blocks. These recipes help you build dynamic and flexible page layouts tailored to your content needs. Learn more in the Page Sections Overview.
Hygraph offers two clonable projects for page sections: the Basic Project, which contains all the base schema elements needed for page sections, and the Complete Cookbook, which includes all available recipes for creating page sections. These projects allow you to skip the initial schema setup and start building immediately. Clone the Basic Project or Clone the Complete Cookbook.
Each Section in Hygraph consists of a name, slot, section styles, and block components. This structure allows for different components to be shown on the frontend, enabling flexible and modular page layouts. The Page model has a field called sections that accepts multiple Section components, and each Section has a blocks field for modular components. Learn more about Sections.
A typical website page in Hygraph is composed of sections, each with one or more block components. The Page model includes a sections field that can accept multiple Section components, and each Section has a blocks field for modular components. This schema enables highly customizable and reusable page layouts. Read more about Modular Pages.
Developers, product managers, and marketing teams can benefit from Hygraph page sections. These modular components make it easy to create, manage, and deliver content across multiple channels, supporting businesses in ecommerce, automotive, technology, food and beverage, manufacturing, and more. Organizations looking to modernize legacy tech stacks and adopt scalable, future-proof content management systems will find Hygraph especially valuable. Explore recipes.
Hygraph page sections address operational inefficiencies by enabling non-technical users to create and update content independently, reducing bottlenecks and delays. They support modern workflows, improve content consistency across global teams, and allow for rapid deployment of new pages. The modular approach also helps reduce maintenance costs and supports scalability for growing content demands. See related KPIs.
You can start by cloning the Basic Project or the Complete Cookbook, which contain all necessary schema elements for page sections. Hygraph also provides extensive documentation, guides, and tutorials to help you set up and customize your page sections. Access Hygraph Documentation.
Hygraph offers a variety of resources, including clonable projects, detailed documentation, recipes, and community support via Slack. You can also access webinars, live streams, and how-to videos for hands-on guidance. Explore documentation or join the Slack community.
Hygraph provides 24/7 support via chat, email, and phone. You can also use the Intercom chat for real-time troubleshooting, join the community Slack channel for peer assistance, and access extensive documentation and tutorials. Enterprise customers receive a dedicated Customer Success Manager for personalized guidance. Visit Hygraph Documentation or join Slack.
Implementation is straightforward thanks to clonable projects and structured onboarding. For example, Top Villas launched a new project within 2 months, and Si Vale met aggressive deadlines during their initial implementation. Hygraph's free API playground and developer account allow teams to start immediately, and training resources are available for step-by-step guidance. Read Top Villas case study.
Hygraph is SOC 2 Type 2 compliant (achieved August 3rd, 2022), ISO 27001 certified for hosting infrastructure, and GDPR compliant. These certifications ensure enhanced security and compliance standards for all users. See security features.
Hygraph provides granular permissions, SSO integrations, audit logs, encryption at rest and in transit, and regular backups. Enterprise-grade compliance features include dedicated hosting, custom SLAs, and support for GDPR and CCPA regulations. View security report.
Hygraph has helped Komax achieve a 3X faster time to market, Autoweb increase website monetization by 20%, and Samsung improve customer engagement with a scalable platform. Stobag increased online revenue share from 15% to 70% after transitioning to a digital-first approach. Explore more customer stories.
In this section, you will find recipes that you can use to create Page sections using different field configurations.
| Recipe | Description |
|---|---|
| Landing page | Learn how to create a dynamic landing page model that will allow you to create different landing page configurations |
| Multi-purpose section | Learn how to create a multi-purpose section component that you can add as a block selector to different models in your schema |
| Related content block | Learn how to create a component that will allow you to add related content blocks to your content entries |
Join our community to suggest new recipe ideas!
We have prepared a project that contains all the base schema elements you need to add to your page sections, in case you don't want to build them from scratch:
Clone this projectIf you decide to clone this project, you can skip the base schema elements creation part of these tutorials, and start from the final step in each recipe.
We have prepared a project that contains the entire Page sections cookbook:
Clone this projectThis cookbook contains all the recipes we have so far to create page sections, so you can compare the different banner configurations without having to clone multiple projects.