From 1e8f1371deb9b5789a3e721e7bb9a9bb93509464 Mon Sep 17 00:00:00 2001 From: jhadobe Date: Wed, 31 Jan 2024 11:55:35 -0600 Subject: [PATCH] PMM review --- .../navigation/sections/app-development.js | 4 ++ src/pages/app-development/learning-path.md | 52 +++++++++++++++++++ src/pages/index.md | 24 ++------- 3 files changed, 59 insertions(+), 21 deletions(-) create mode 100644 src/pages/app-development/learning-path.md diff --git a/src/data/navigation/sections/app-development.js b/src/data/navigation/sections/app-development.js index c6473c82..738b55ae 100644 --- a/src/data/navigation/sections/app-development.js +++ b/src/data/navigation/sections/app-development.js @@ -6,5 +6,9 @@ module.exports = [ { title: "Extensibility examples", path: "/app-development/examples.md" + }, + { + title: "Learning path", + path: "/app-development/learning-path.md" } ]; \ No newline at end of file diff --git a/src/pages/app-development/learning-path.md b/src/pages/app-development/learning-path.md new file mode 100644 index 00000000..dcb3bc14 --- /dev/null +++ b/src/pages/app-development/learning-path.md @@ -0,0 +1,52 @@ +--- +title: Extensibility learning path +description: Follow the learning path links to learn the basics about app builder setup and development. +keywords: + - Extensibility + - App Builder + - API Mesh + - Events + - REST + - Tools +--- + +# Extensibility learning path + +Follow the learning path links to learn the basics about app builder setup and development. + +The following resources will help you get to know the extensibility options offered by Adobe Commerce and start developing: + +## How does App Builder work? + +- [Introducing App Builder for Commerce](https://experienceleague.adobe.com/docs/commerce-learn/tutorials/adobe-developer-app-builder/introduction-to-app-builder.html) +- [Use Cases](https://www.youtube.com/watch?v=spm90jwC94A&t=1s) +- [Sample App](https://developer.adobe.com/commerce/extensibility/amazon-sales-channel/) +- [Demo](https://experienceleague.adobe.com/docs/commerce-learn/tutorials/adobe-developer-app-builder/app-builder-functional-demonstration.html) + +## How can I get set up? + +- [Getting access to App Builder](https://developer.adobe.com/app-builder/docs/overview/getting_access/) +- [Onboarding developers and admins](https://helpx.adobe.com/enterprise/using/manage-developers.html) + +## How do I start developing? + +- [Creating your first App Builder application](https://developer.adobe.com/app-builder/docs/getting_started/first_app/) + - [App Builder overview](https://developer.adobe.com/app-builder/docs/overview/) + - [Getting access to App Builder](https://developer.adobe.com/app-builder/docs/overview/getting_access/) +- [Orchestration with API Mesh](https://developer.adobe.com/graphql-mesh-gateway/) + - [Getting started](https://developer.adobe.com/graphql-mesh-gateway/gateway/getting-started/) + - [Getting started](https://experienceleague.adobe.com/docs/commerce-learn/tutorials/adobe-developer-app-builder/api-mesh/getting-started-api-mesh.html) (video) + - [Creating a mesh](https://developer.adobe.com/graphql-mesh-gateway/gateway/create-mesh/) + - [Creating a mesh](https://experienceleague.adobe.com/docs/commerce-learn/tutorials/adobe-developer-app-builder/api-mesh/getting-started-api-mesh.html) (video) + - [Create a mesh with multiple sources](https://experienceleague.adobe.com/docs/commerce-learn/tutorials/adobe-developer-app-builder/api-mesh/graphql-multiple-source.html) + - [Create a mesh walkthrough](https://developer.adobe.com/graphql-mesh-gateway/gateway/mesh_walkthrough/) +- [Build event-driven integrations](https://developer.adobe.com/commerce/extensibility/events/) + - [Installation](https://developer.adobe.com/commerce/extensibility/events/installation/) + - [Getting started](https://experienceleague.adobe.com/docs/commerce-learn/tutorials/adobe-developer-app-builder/io-events/getting-started-io-events.html) + - [Adobe I/O Events](https://developer.adobe.com/events/docs/) + - [Adobe I/O Events for Adobe Commerce](https://developer.adobe.com/commerce/extensibility/events/) +- [Extend the Admin UI](https://developer.adobe.com/commerce/extensibility/admin-ui-sdk/)) + - [Extension points](https://developer.adobe.com/commerce/extensibility/admin-ui-sdk/extension-points/) +- [Extend native Commerce processes with webhooks](https://developer.adobe.com/commerce/extensibility/webhooks/hooks/) + - [Common use cases](https://developer.adobe.com/commerce/extensibility/webhooks/use-cases/) + - [Setup and installation](https://developer.adobe.com/commerce/extensibility/webhooks/installation/) diff --git a/src/pages/index.md b/src/pages/index.md index 9573d8f2..b3c0a2c9 100644 --- a/src/pages/index.md +++ b/src/pages/index.md @@ -16,7 +16,9 @@ keywords: # Adobe Commerce extensibility -Learn how to develop Out-of-Process apps that extend and customize Adobe Commerce. +Learn about in-process and out-of-process development tools provided by Adobe Commerce + +This guide explains how to develop Out-of-Process apps that extend and customize Adobe Commerce. For a more in-depth understanding of extensibility, follow our [learning path](./app-development/learning-path.md). Extensibility, as a concept, reflects the possibility for growth and the ease of extending functionality in a system. When referring to extensibility in Adobe Commerce, we mean the ability of developers to expand, customize, and control their interactions with Adobe Commerce. @@ -70,26 +72,6 @@ Additionally, [Marketplace Apps](./app-development/index.md) allow you to create Out-of-process development tools are only available with Adobe Commerce and are not available with Magento Open Source. -## Learning path - -Review the following resources to familiarize yourself with the extensibility options offered by Adobe Commerce and start developing: - -- [Creating your first App Builder application](https://developer.adobe.com/app-builder/docs/getting_started/first_app/) - - [App Builder overview](https://developer.adobe.com/app-builder/docs/overview/) - - [Getting access to App Builder](https://developer.adobe.com/app-builder/docs/overview/getting_access/) -- [Orchestration with API Mesh](https://developer.adobe.com/graphql-mesh-gateway/) - - [Getting started](https://developer.adobe.com/graphql-mesh-gateway/gateway/getting-started/) (documentation) - - [Getting started](https://experienceleague.adobe.com/docs/commerce-learn/tutorials/adobe-developer-app-builder/api-mesh/getting-started-api-mesh.html) (video) - - [Creating a mesh](https://developer.adobe.com/graphql-mesh-gateway/gateway/create-mesh/) - - [Create a mesh with API Mesh for Adobe Developer App Builder](https://developer.adobe.com/graphql-mesh-gateway/gateway/mesh_walkthrough/) -- [Build event-driven integrations](https://developer.adobe.com/commerce/extensibility/events/) - - [Installation](https://developer.adobe.com/commerce/extensibility/events/installation/) - - [Getting started](https://experienceleague.adobe.com/docs/commerce-learn/tutorials/adobe-developer-app-builder/io-events/getting-started-io-events.html?lang=en) (video) - - [Adobe I/O Events](https://developer.adobe.com/events/docs/) - - [Adobe I/O Events for Adobe Commerce](https://developer.adobe.com/commerce/extensibility/events/) -- [Extend the Admin UI](https://developer.adobe.com/commerce/extensibility/admin-ui-sdk/) -- [Extend native Commerce processes with webhooks](https://developer.adobe.com/commerce/extensibility/webhooks/) - ### Related information