Tutorial prerequisites
This page lists the prerequisites and setup steps for Adobe Commerce as a Cloud Service tutorials, such as the ratings extension tutorial and the shipping method extension tutorial.
Adobe Commerce as a Cloud Service prerequisites
-
Install the Adobe I/O CLI
code language-bash npm install -g @adobe/aio-cli -
Install the Adobe I/O CLI Commerce, Adobe I/O CLI Runtime, and App Builder CLI plugins:
code language-bash aio plugins:install https://github.com/adobe-commerce/aio-cli-plugin-commerce @adobe/aio-cli-plugin-app-dev @adobe/aio-cli-plugin-runtime -
Download an AI-assisted IDE, such as Cursor (recommended), other IDEs, such as Claude Code, Gemini CLI, or Copilot are also supported, but could require modifications to the prompts and other steps in the tutorial.
Adobe Developer Console prerequisites
- Navigate to the Adobe Developer Console.
- Log in using your email and password.
Create a new project
-
Navigate to Adobe Developer Console.
-
Click Create project from a template.
-
Select the App Builder template.
-
Enter a Project Title and App Name.
-
Ensure the Include Runtime checkbox is marked.
{width="600" modal="regular"}
-
Click Save.
Add APIs to the workspace
-
Click the Stage workspace and then repeat the following steps for each API.
{width="600" modal="regular"}
-
Click Add Service and select API.
-
Select one of the following APIs. You will need to repeat this process for each API listed below:
-
Adobe Services filter:
- I/O Management API
- I/O Events API
-
Experience Cloud filter:
- Adobe I/O Events for Adobe Commerce API
-
-
Click Next.
-
ClickSave configured API.
-
Repeat the previous steps until all APIs are added to the workspace.
{width="600" modal="regular"}
Configure the Adobe I/O CLI
-
Clear any existing configuration:
code language-bash aio config clearLog in using the Adobe I/O CLI:
code language-bash aio auth login -f -
Select your organization, project, and workspace, using each of the following commands:
code language-bash aio console org selectcode language-bash aio console project selectcode language-bash aio console workspace select {width="600" modal="regular"}
Clone the starter kits
Clone one of the following Commerce starter kit repositories for the extension you are building and prepare your project:
Integration starter kit:
git clone https://github.com/adobe/commerce-integration-starter-kit.git extension
cd extension
Checkout starter kit:
git clone https://github.com/adobe/commerce-checkout-starter-kit.git extension
cd extension
Create an .env file
Create your environment configuration file:
| code language-bash |
|---|
|
Open the .env file in a text editor and add the following OAuth credentials:
| code language-shell-session |
|---|
|
You can copy these values from the Credential details page in Developer Console by clicking the OAuth Server-to-Server tab on your workspace.
Add the Commerce configuration
Add the following Commerce instance details to your .env file:
| code language-shell-session |
|---|
|
To find these values:
- Navigate to Commerce Cloud Service instances.
- Click the information icon next to your instance.
- Copy the REST endpoint as
COMMERCE_BASE_URL. - Copy the GraphQL endpoint as
COMMERCE_GRAPHQL_ENDPOINT.
Set event prefix
Set a temporary value for the event prefix:
| code language-shell-session |
|---|
|
Download workspace configuration
Run the following command to download the workspace configuration file:
| code language-bash |
|---|
|
Copy the workspace configuration file to the scripts directory:
| code language-bash |
|---|
|
Connect local workspace to remote workspace
Link your local project to the remote workspace:
| code language-bash |
|---|
|
Connect local workspace to remote workspace
Link your local project to the remote workspace. From the project root (the extension folder), run:
| code language-bash |
|---|
|
When prompted, choose the option that uses the organization, project, and workspace you selected when configuring the Adobe I/O CLI. This writes the workspace configuration into your app so that deploy and local development use that workspace.
Install extensibility AI tools
This process creates the MCP configuration (.<agent>/mcp.json), the skills directory (.<agent>/skills/), and adds AGENTS.md to the project root. You will be prompted to choose a starter kit, coding agent, and package manager.
-
Set up the AI-assisted development tools in the
extensionfolder using the following commands:code language-bash cd extensioncode language-bash aio commerce extensibility tools-setup {width="600" modal="regular"}
-
After the setup completes, restart your coding agent to allow it to load the new MCP tools and skills. The Commerce App Builder tools are now available in your environment.
note note NOTE If you see a warning that no skills were found for the starter kit, something went wrong—often because the setup was run in a folder other than where the starter kit was cloned. Run aio commerce extensibility tools-setupfrom theextensionfolder (the starter kit project root) and select the appropriate starter kit when prompted. {width="600" modal="regular"}