Headless Commerce Storefront: What is inside

B2storefront is a platform that consists of 2 major components.

1. Connector
2. Headless Storefront

Let's deep dive here into how each part is built specifically and what capabilities it offer.

Connector

You can think of it as an external backup of all your data you input into headless CMS or a SaaS eCommerce platform your company use. It also plays a crucial role in consolidating data from various systems for example you can manage your product information inside Shopify but keep all landing pages in headless cms like Strapi, Storyblok or Prismic - you can take a look on the source code of it here - https://github.com/b2storefront/connector

Benefits from using data backup middleware like Connector?

You own your data and it decrease the platform’s vendor lock so whatever CMS you use whatever eCommerce SaaS platform you use you would be able to have a snapshot of your most recently published data and be able to import it into another platform of choice. While there are bunch of apps that allows to export to CSV like Matrixify in case of shopify the platforms are not eager to work on ways how to let users get there data out in easy way. On top of it using a 3rd party apps and extensions with the store would put more data into metafields and makes it harder not to loose it in case user is using a default approach for exporting products from platform.

What platforms Connector currently capable to fetch data from?

1. Shopify via our free public Shopify App - https://apps.shopify.com/permalink-generator
2. BigCommerce via API keys
3. Prismic via API keys
4. Storyblok via API keys
5. Strapi via API keys

What I need to provide to make Connector functional?

in essence what connector does it’s fetching data from a platform via API and transforming it into a flat content file stored as .json and sending it to repository in Github, so the easiest way would be to create a free account on Github and setup an API key for a repository created for content to be stored. Exact step by step tutorial on how to do it [here].

Headless Storefront

This part is responsible for fetching data from repository or file storage (like S3 for example) and serve front-end