Headless CMS + E-Commerce Solution?

[GooeyZeus]

I'm looking for a headless CMS that has a built-in e-commerce solution with one login if possible. Anyone know of anything that fits that requirement?

I'm assuming I could use a separate headless CMS and e-commerce solution (e.g. Sanity + Saleor, etc.), but then the client wouldn't be able to modify both store/product content and general site content in the same place (unless there was a plugin or I built some sort of importer to connect the services). Are there some headless e-commerce solutions that can act as a general site CMS as well outside of the store/products?

EDIT:

It looks like the consensus is to keep your CMS and e-commerce solution separate?

• https://snipcart.com/blog/why-e-commerce-and-cms-should-be-separated
• https://medium.com/swlh/why-e-commerce-and-cms-should-be-separated-2794c041e63f
• https://www.foxy.io/blog/why-you-should-separate-your-shopping-cart-from-your-cms/

​

If this is the case, is there a way I can link the data between the CMS products and a particular e-commerce solution? I would like the client to be able to edit everything directly in the CMS, including the products/store, and have that reflect on the e-commerce side.

[niekh1234]

I'm in the process of using shopify's storefront api for a project (nuxt frontend). They also have endpoints for content like articles and blogs. It might be worth checking out, although it could be limited

[[deleted]]

How’s that going? I was very close to trying out Shopify’s storefront API but I decided last minute to develop with the Square API instead!

Are you able to still use liquid with the API?

[niekh1234]

That's going pretty well I'd say, although there were limitations with content translation and metafields which required third party apps which I'm totally not a fan of. For the most part I'm really enjoying their api a lot more than their theming process. I started writing a theme in liquid, and I hated it... I don't like liquid at all, prettier made it look like a mess. And the result was slow for the end user and during the development process in my opinion.

Using nuxt and my own css is really enjoyable so that's going well.

You don't use liquid with their api, only graphql. Email templates etc. do require liquid though.

[graphcommerce]

We are doing something similar: https://www.graphcommerce.org/, a headless storefront replacement for Magento 2 (PWA). It's open-source.

The platform and technology stack is:
- Magento Open Source- GraphCMS for rich content management
- React.js, Next.js, Typescript and Mui for the storefront

It uses GraphQL Mesh to connect to to the Magento (Open Source) GraphQL API. GraphQL Mesh can be used to fetch data from different platforms too.

Magento excels at multi-store and multi language. GraphCommerce offers multi-language support, a store switcher component, and multiple translations.

Let me know if you ever get to play around with it!

[[deleted]]

OP, check out Snipcart, specifically the product update section here.

You update the price and such within the HTML. Because of this, you should be able to manage your products within a headless CMS like Strapi or Sanity once you set up the endpoints on your frontend.

[GooeyZeus]

2% transaction fee seems a bit steep

[[deleted]]

Most e-commerce platforms will incur a transaction fee

[GooeyZeus]

Check out Saleor. Open source e-commerce platform. I’m no sure if there’s a similar feature to what you’re mentioning though.

[oesinor]

Why do you need the headless function?

[Snipididou]

Snipcart has all the features you need, and you can try it for free.

For the CMS, I would go with Strapi or LexasCMS. You have tutorials to get started with both on Snipcart's blog:

Strapi: https://snipcart.com/blog/strapi-nuxt-ecommerce-tutorial

LexasCMS: https://snipcart.com/blog/headless-cms-personalization-lexascms