What Is Shopware Built On: The Tech Stack Of The Popular E-commerce Platform

In the article below, we describe the guts and bones of Shopware 6. You will learn what technologies empower the system, bringing its most fine features to life. So, what is Shopware built on? What is its tech stack? Let’s find the answer. 

Note that we provide Shopware integration with external platforms. Contact our support for further information or try our Improved Import & Export Extension for Shopware. We can even import CMS pages and form data to Shopware 6.

Get Improved Import & Export for Shopware by Firebear Studio

Explore Shopware 

Shopware Technology Stack

According to AwesomeTechStack, Shopware incorporates the following technologies:

• Programming Language: PHP;
• Database: MySQL;
• JavaScript Library: jQuery;
• Framework: Symfony, Vue.js.

Its modern technology stack is powered by Symfony and Vue.js. If you are not familiar with them, Symfony is a set of reusable PHP components and a PHP framework.

Vue.js, in its turn, is an approachable, versatile, and performant JavaScript framework.

Also, note that Shopware delivers an API-first approach. It means that different sales channels can be easily integrated, dramatically simplifying omnichannel efforts.

Storefront

Twig and Bootstrap are the two technologies that power the Shopware storefront. Twig is a flexible, fast, and secure template engine for PHP and a Symfony project.

Bootstrap, in its turn, is a framework for building responsive, mobile-first sites that incorporate BootstrapCDN and a template starter page.

Administration

As for the Shopware administration, it is based on Vue.js and twig.js. The latter is a pure JavaScript implementation of the Twig PHP template engine. These and other technologies are responsible for such outstanding instruments as Rulebuilder and Shopping Experiences. The first one makes the implementation of business processes easy. The second one lets you design content in a fast and intuitive manner.

Services

Shopware connects all its components together with the help of REST-APIs and rich user interfaces. Below, you can see a scheme that illustrates how services interact with one another under the hood of Shopware:

As you can see, it is possible to implement web frontends for management and commerce provided through a multitude of sales channels. Thus, you can connect Shopware to your own infrastructure and outside services through REST-APIs. For further information, see the developer documentation.

Shopware 6 Tech Stack Improvements

Symfony wasn’t always a part of Shopware. It became an integral part of the platform in its sixth version, making it easier to onboard developers to Shopware 6. The decision to switch from Ext.js to Vue.js was made for the same. Besides, both technologies are more adaptable to the needs and requirements of Shopware 6. 

The new data abstraction layer (DAL) is another major change introduced in Shopware 6. It is a layer between the database storage and the actual application which controls all data operations: reads, writes, searches, or aggregations.

In Shopware 5, a similar layer also exists but it is very limited. The Layer is used for reading operations for products in the storefront. In Shopware 6, the DAL takes care of all entities and all kinds of data access. What are the consequences of this improvement?

As a developer, you no longer need to use custom SQL queries. Furthermore, syncing various storages is also associated with the DAL. Modern e-commerce infrastructures provide the ability to use Elasticsearch and Redis along with MySQL. You can use the DAL to sync them with the primary MySQL storage. Other benefits include versioning or translations.

Shopware 6 Essentials FAQ

Get Improved Import & Export for Shopware by Firebear Studio

Explore Shopware