Digital commerce is evolving, and to meet up with the increasing demands of customers, there is a need for businesses to build better shopping experiences. In this workshop, you will learn how composable commerce APIs and micro-frontends enable better developer/customer experience by building an ecommerce store with Commerce Layer Nextjs Demo Store project, and some other dev tools.
- 🎧 Overview
- 🛠 Prerequisites
- 🧱 Introduction to Composable Commerce
- 🥂 Introduction to Microfrontends
- 🛒 Introduction to Commerce Layer
- 👨🏾🏫 Workshop Lessons
- 🚀 What's Next?
- 📑 Further Resources
Add the end of this workshop; you should be able to:
- Explain what composable commerce is to your manager and friends.
- Understand what microfrontends are, their benefits (especially in ecommerce), and how they work.
- Understand the benefits of composable commerce to businesses as opposed to previous strategies.
- Understand what Commerce Layer does and how to use the commerce APIs.
- Understand how to set up and use the Demo stores to build any ecommerce solution.
- Understand where to find and how to use other Commerce Layer dev tools.
- Some JavaScript, command-line, and API knowledge are required.
- A working programming IDE (I use vscode; you can also try it).
- A Commerce Layer account (create one here).
- You have set up a Commerce Layer organization and created the required commerce data resources for your market. You can follow this onboarding tutorial or manual configuration guide to achieve this (you must do this before attending the workshop).
- Study these data models to understand the key API entities, their mutual relationships, and common usage in Commerce Layer.
Composable commerce allows developers to review, select, and utilize various available commerce solutions as required to satisfy specific business needs. Developers can compose their development stack by selecting best-of-breed tools. Either from Jamstack tools, API-first solutions, headless solutions, composable microservices, or microfrontends.
A composable commerce solution includes:
- Individual components (that are autonomously developed, deployed, and managed) targeted toward specific business requirements.
- APIs connecting each of these individual components.
- The front-end presentation layer decoupled from the backend logic.
- Integration with reliable API-first external services.
- SAAS and cloud computing services.
- Real-time data can be shared between applications with webhooks.
- Possibilities to build an independent and agnostic internal application on top of the existing data and composable architecture.
Microfrontends extend the composability of microservices to the presentation layer, enabling maximum flexibility.
The following microfrontends are used in developing the Demo Stores project:
Commerce Layer is a composable commerce API for developers and brands. Whether you’re building a single-product store or an international ecommerce website to process millions of orders, Commerce Layer provides all the APIs and developer tools you need to make any digital experience shoppable, anywhere.
You can build a multi-language sales channel with your favorite composable frameworks (CMS, Search, PIM, Auth, etc.); then, add Commerce Layer for multi-currency prices, distributed inventory, localized payment gateways, promotions, orders, subscriptions, and much more.
- An Overveiw of Ecommerce Data Models
- Introducing Demo Stores
- Getting Started with Commerce Layer
- Installing and Configuring Demo Stores
- Deploying the Ecommerce Solution
- Build something nice for fun or that business idea you've always had and start selling!
- Join the Slack community to interact with Commerce Layer developers, staff, partners, and customers.
- Open a new Q&A discussion in the Demo Stores repository.
- Contribute to the development of Demo Stores, Microstores, or other Commerce Layer OSS projects.
- Ping us on Twitter @commercelayer.