Headless commerce with
SKNCRE is a composable commerce demo with Hygraph, Nuxt, Tailwind, and an external API for product data.
See the demo: https://skncre-cosmetics-hygraph.verc...
Clone the Hygraph project: https://app.hygraph.com/clone/f67b7c5...
Github repo: https://github.com/timbenniks/skncre-...
Sign up for free here: https://hygraph.com/
Read more: https://hygraph.com/blog/skncre-hygra...
Hygraph Community: https://slack.hygraph.com
SKNCRE is a fictitious cosmetics brand selling costly snail slime skin care products: face serum, face cream, eye contour, and the SKNCRE bundle. What you often see in composable e-commerce is that the product information lives in a specialized management system (a PIM), the content of the website in a CMS, and commerce features such as a cart, checkout, account, and payments in yet another system (a commerce engine).
In this example, all pages, content, and media are stored in Hygraph, but the products come from an external system – in this case, a mock API called Federate This. We expose the data in Hygraph via Content Federation. Developers query the CMS for product data, while editors can use the data inside the CMS while they combine editing native and federated content as if it were the same. The beauty is that developers and content editors do not need to understand the external product API as they use it directly through Hygraph.
Federate This: https://federatethis.com
Hygraph: https://hygraph.com
Hygraph Community: https://slack.hygraph.com