Litium Accelerator consists of technical solutions, know-how and methods that can get a project up to speed quickly.
Every e-commerce project needs components like product presentation with filters, checkout, customer registration, mobile version etc. Litium Accelerator provides them as a package, so they don't have to be figured out for every new project. Still, it is a flexible solution that can be customized and developed in terms of functionality and design.
A customer solution can be extended further by add-ons, which are defined functionalities that can be added to the Accelerator. The illustration below shows the context of Litium Accelerator.
Accelerator
Litium Accelerator is built like this:
Business Logic Layer
The Business Logic Layer (BLL) contains all logic, from the different field templates to the logic for how a product search is executed. The BLL does not depend on the technology of the MVC or web API. It will produce a view model that can be used in the rendering layer to produce the content for a visitor. The view model can be used in both the MVC and web API rendering layer.
MVC rendering layer
The MVC rendering layer is a "thin" layer acting as a bridge between the visitor request and the BLL. The result from the BLL is transformed with the MVC view engine to create the HTML output that will be returned to the visitor.
Web API rendering layer
The web API rendering layer is a "thin" layer acting as a bridge between the BLL and the functions executed with JavaScript in the browser. The result from the BLL is transformed into JSON, which is processed with the caller method in the browser.
Accelerator front end
Litium Accelerator uses the responsive framework Foundation by Zurb together with React.
A layout (flex-grid) with media queries from Foundation by Zurb is used. There are also custom-built styles on top of Foundation, specifically for the Accelerator. The custom-built styles use SCSS files and the BEM naming convention.
To speed up the development of front end components like menus, shopping cart and product filtering, React can be used to organise the code and make it cross-browser compatible. React is also useful to build advanced front-end functions that communicate with the back end via a web API.
All front-end assets, like style sheets and JavaScript, are processed with WebPack. During build it will compile, analyse and bundle the different assets into optimised files.
For more info, check out the Accelerator architecture.