Essential Overview

Target Group
Web Front-End Developers

Duration
1 day In-Person, 1 day virtual classroom 

About the Training

This one-day course is designed to teach front-end developers how to extend the capabilities of the commercetools Merchant Center by developing a React.js application. An expert trainer will introduce all phases of building Merchant Center Custom Applications, including their development, deployment, and registration, which the learner will follow through hands-on exercises. The trainer will also utilize the Merchant Center Application Kit and UI Kit and demonstrate their use in various cases.

The course includes the full cycle of developing a Merchant Center Custom Application starting with a simple boilerplate template until deploying the extension and integrate it to your Merchant Center project. 

Duration: 1 day in-person, 1 day virtual classroom training

 

Who should take this course?

Functional and technical analysts and leaders, for example

  • Front-End Developers
  • Storefront Designers

 

Prerequisites

  • Solid JavaScript and front-end web development experience
  • Basic React.js knowledge

 

After this course, you will be able to:

  • Develop a Custom Application
  • Deploy a Custom application
  • Register and use a Custom Application within the commercetools Merchant Center.

 

Agenda

Getting to Know Merchant Center
MC Architecture
MC Authentication
MC API Gateway
MC Proxy Endpoints
MC Custom Applications Architecture

Application shell
Templates for your new custom application
How to deal with routing, components, and localization
Data Fetching

commercetools Rest API data fetching
commercetools Graphql Data Fetching
3rd party or your own APIs data fetching
Applying proper security measures
User Interface (UI) Kit

Use the commercetools UI Kit
Design components with similar look and feel to commercetools standard applications
Deploying your application

Example deployment of your custom application
Register your application within the merchant center

 

For more commercetools trainings, check out our training overview page.