Magento Mode Setup
Build Scandi as a Magento theme
Last updated
Was this helpful?
Build Scandi as a Magento theme
Last updated
Was this helpful?
This guide requires 5 steps to be completed in sequence:
Before setting up, make sure you have installed the libraries required to build the PHP. The list of these libraries can be found here: for and .
Also, make sure to install Docker and PHPBrew in your system.
This command will start Docker services, start PHP and open your favorite browser with Magento 2 store.
To create a new app, you may choose one of the following methods:
The ScandiPWA App creation very similar to Storefront mode, however, the Magento 2 server configuration is not required as we will install our ScandiPWA as composer dependency for our newly created Magento 2 server, later in this guide.
The Create Magento App (CMA) comes with a built-in mechanism for ScandiPWA theme linking. In order to link a ScandiPWA theme with CMA project, execute the following command from CMA project root:
Run the command below from your ScandiPWA App directory:
This command will now watch the files and put their compiled versions into the magento/Magento_Theme
folder.
Go to your Magento Admin panel (by default it can be accessed on /admin
), Content > Configuration, choose a website that you want to apply theme on, click Edit and select your theme, click Save!
Open your store URL and the ScandiPWA theme should be online.
Learn what features and why we added on-top-of React + Redux stack:
Create Magento App choose an available port for Magento 2 so it can vary. By default, it will use port 80 so the URL for the store will be .
You’ll need to have Node >= 12 on your local development machine (but it’s not required on the server). You can use (macOS, Linux) or to switch Node versions between different projects.
Running any of these commands will create a directory called my-app
inside the current folder. Inside that directory, it will generate the initial project structure and install the transitive dependencies. Learn more in .
In case of issues - please refer to
This command will link your ScandiPWA theme from your selected path as a symbolic link and will .