Frontend Overview

Edit on GitHub

To learn how to build your assets in our Demoshop, see Demoshop Guide.

Asset Management

A set of resources used to build the UI, that includes html, css (or less, sass, stylus, etc.) and js (or jsx, etc.) files, images, fonts and so on.

Assets are files, a large collection of files; a solution to manage them it’s crucial.

We point out 4 different steps to achieve this:

  1. download and structure: get external dependencies and put assets into the corresponding folders;
  2. development tools: create your frontend;
  3. transpile/build and optimization: manipulate and optimize assets;
  4. public folder: place built output into a public and accessible folder.


We will use path aliases to help you dive into the assets docs:

  • @project: your project root folder;
  • @core: Spryker core folder, usually (but not necessary) @project/vendor/spryker.