B2Storefront is a headless eCommerce storefront which works with platforms like Shopify, BigCommerce or Swell. With our tool you can simply run any eCommerce based on these platforms, with your custom frontend and without any limitations, which you can encounter while developing your theme directly in these paltforms.
In current pre-release phase, we have released a Shopify boilerplate. So in order to start with your own eCommerce, you have to setup Shopify store and then connect it with B2Storefront.
If you just want to see B2Storefront in action and do some stuff in our playground, you can use one of our pre-configured develop stores.
This is your special private Access Token, which you need to use whenever you want to setup B2Storefront locally or in production environment.
To launch a development store in B2Storefront with your own Shopify instance you have to follow these steps.
We are working hard on documentation these steps. As for now, you have to see this video before we publish a text instruction:
If you want to start development with pre-populated with products and collections from our demo Shopify store please follow instruction below.
If you don't have Github account, please create it. Then, you can go to:
https://github.com/b2storefront/b2storefront-boilerplate-shopify
and fork this repository to your account.
Next step is to register in gitpod.io and setup your access token to B2Storefront. Please go to the Account Settings, select "Variables" and add a new variable:
Name: NPM_TOKEN
Value: ACCESS TOKEN GENERATED IN STEP ABOVE
Scope: */*
Then, you have to create a new workspace from a forked previously repository. Please click on "Create Workspace" and select your repository. When workspace has started and you will see a VS Code interface, please stop a running B2Storefront installation (CTRL + C / CMD + C).
Please rename .env.development.dist and .env.production.dist and remove ".dist" from these files. Finally, in same files, please provide API keys to Shopify as it's listed below:
SHOPIFY_ADMIN_ACCESS_TOKEN=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
SHOPIFY_STOREFRONT_ACCESS_TOKEN=b12aa9dc29ae192c5558cd56b19606e0
SHOPIFY_SHOP_NAME=b2sdemo20
SHOPIFY_ORIGINAL_DOMAIN=b2sdemo20.myshopify.com
Now, you can restart workspace in order to run installation again or just run this code in Terminal window:
nvm install 18 && nvm use 18 && yarn install && yarn develop
When installation would be finished, you should be able to see a store under 8000 port. Please take a note, a gitpod is not running on localhost, so you will find a link to your preview in Ports tab in VS Code.
16 Halcyon Ln
Aliso Viejo, CA 92656.