Where to start?

ScandiPWA is a big product. It's more than just the front-end for Magento 2. It is:

  • A custom build tool-chain (Create Magento App, Create ScandiPWA App)

  • Improved technology stack (Override mechanism, Plugin mechanism)

  • An approach to structure and name files in the project

  • ... and only then the Magento 2 front-end

To make it less frustrating to start, we recommend exploring ScandiPWA in the following way:

1. Modes of ScandiPWA compilation

The getting started guide covers WHAT ARE, and WHEN TO USE both installtion modes. It also shines a light on how to get these modes set up with our "one-click" installers or manually on the existing Magento 2 server.

2. The technology stack of ScandiPWA

The ScandiPWA is written in React and is using Redux to manage the global state. It adds new technologies/approaches into the stack: plugin and override mechanism. Learn why we need them and what are they in the guide below:

3. ScandiPWA structure

To manage its own scale, ScandiPWA introduces patterns to stay consistent and organized. These include folder structure, file naming conventions, internal file organization.

4. Developement environemnt preparation

To make sure you are efficent while developing the project make sure to have the development environment prepared.

5. Create your first application

Heads up!

This section must lead to tutorials and samples collection. It is currently under development.

Start by overriding styles, then move to overrding components.

6. Learn Magento 2 back-end

Heads up!

This section must lead to tutorials and samples collection. It is currently under development.

Start by familiarizing yourself with the Magento 2 troubleshooting guide. For more complex examples, explore the "Magento back-end" section in the left navigation menu.