My SFCC Pills.

My news about Salesforce Commerce


Composable Commerce Developer Stack

According to the PWA-Kit provided by Salesforce, this is a list of frameworks/technologies we should learn before jumping to develop in Composable Commerce Cloud

The Retail React App is a project template that includes an isomorphic JavaScript storefront and Progressive Web App built using:

  • Build APP: React and Express
    • React: React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies.
    • ExpressJS: Express.js, or simply Express, is a back end web application framework for building RESTful APIs with Node.js, released as free and open-source software under the MIT License. It is designed for building web applications and APIs. It has been called the de facto standard server framework for Node.js.
  • Chakra UI Components
    • Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
  • Emotion (CSS-in-JS)
    • Emotion is a library designed for writing css styles with JavaScript. It provides powerful and predictable style composition in addition to a great developer experience with features such as source maps, labels, and testing utilities. Both string and object styles are supported.
  • Webpack
    • Webpack is a free and open-source module bundler for JavaScript. It is made primarily for JavaScript, but it can transform front-end assets such as HTML, CSS, and images if the corresponding loaders are included. Webpack takes modules with dependencies and generates static assets representing those modules.
  • Jest 
    • Jest is a delightful JavaScript Testing Framework with a focus on simplicity.

Requirements (Retail React App):

  • NodeJs 14+
  • npm 6.14.4 or later

Click here to access to the Composable Commerce Repository.

Extra documentation: "Get Started with Progressive Web APP KIT"