Hygraph recipes
#Overview
Hygraph Recipes is a collection of developer resources that can help you discover how to combine different field types to create schema elements.
You will find documentation sections - which we are calling Cookbooks - based on real-life use cases. Each cookbook contains a number of guides - or Recipes! - that show different ways of creating an element type.
You can use this content to learn how to work with Hygraph and discover what you can do with it, or clone projects that already contain schema elements to save yourself time!
Each recipe offers 2 paths:
- A step-by-step guide, in case you want to build these elements from scratch.
- A clonable cookbook project containing several recipes, in case you want to compare the different ways to build a schema element.
Do you have suggestions?
Join our community to suggest new recipe ideas!
#Recipes list
| Cookbook | Recipe | Description |
|---|---|---|
| Buttons | Simple button | Learn how to create a simple button |
| Buttons | Social links | Learn how to create a to link your socials |
| Buttons | Styled button link | Learn how to create a link button that uses style dropdowns |
| Card Grid | Card grid with components | Learn how to create a card grid using components |
| Card Grid | Card grid with references | Learn how to create a card grid using references |
| CTA | Simple CTA | Learn how to create a simple CTA |
| CTA | CTA with socials | Learn how to create a CTA with social links |
| CTA | Styled CTA | Learn how to create a CTA with style dropdowns |
| Navigation | Simple navigation | Learn how to create a simple navigation |
| Navigation | Styled navigation | Learn how to create a navigation with style dropdowns |
| Navigation | Sectioned navigation | Learn how to create navigation with internal sections |