...
Styla Frontend needs a source of product data to generate product and category pages and to handle purchase workflow. This source is are the headless Management APIs provided by BigCommerce. Styla Frontend proxies the APIs and both pulls data from and pushes data to them.
...
Once these steps are completed (and page bases are set up), Styla Frontend will automatically generate category and product details pages.
...
Alternatively (especially if you use your BigCommerce at the moment) go through these steps directly before the go-live of your Styla Frontend.
FOR TESTING ONLY: Store / Checkout not on a sub-domain:
To make the checkout work on a different domain (as long as your end users have enabled 3rd party cookies in their browsers, which is the default in Chrome, but not in Safari), you should be able to set up the iframe working for the external domain as well.
To avoid the error message “Refused to frame 'https://yourdomain' because an ancestor violates the following content security policy directive: “frame-ancestors https://yourdomain”. You need to enable the X-Frame-Options as follows:
Log into the BigCommerce admin panel and go to Store Setup > Store Settings.
On this page under Storefront you will find the X-Frame-Options header which needs to be activated. Set to Allow from url and set its value to the domain your Styla Frontend will run on, so
https://mydomain.com.
Sample screenshot
...
BigCommerce fields triggering Styla updates
...