<aside> ⚠️ Please note that this page is dedicated to Magento stores. If you’re interested in learning how to connect a Redux store, please refer to the How to register a Reducer in the global store tutorial.

</aside>

To connect your ScandiPWA application to a Magento store, you should take into consideration what type of connection to make:

• Storefront mode - ScandiPWA is a regular web application that utilizes a remote Magento 2 instance as its data source.

  1. Install on the Magento server the ScandiPWA dependencies from its composer.json file.
  2. Update the proxy field of the package.js file to the Store URL.

  For a comprehensive guide, please refer to:

  Storefront Mode Setup

• Magento theme mode - ScandiPWA is compiled as a Magento 2 theme, served by Magento, and retrieves data from the same Magento 2 instance on which it's hosted.

  To establish this connection, you need to link your ScandiPWA to Magento. Depending on your setup:

  If you’re making use of Creating Magento App:

  Magento Mode Setup

  If you’re using an existing Magento:

  persisted-query cachingExisting Magento 2 setup