Development comparisons

src/data/navigation/sections/app-development.js

@@ -11,6 +11,18 @@ module.exports = [
         title: "Learning path",
         path: "/app-development/learning-path.md"   
     },
+    {
+        title: "App development comparison",
+        path: "/app-development/app-development-comparison.md"   
+    },
+    {
+        title: "Services comparison",
+        path: "/app-development/services-comparison.md"   
+    },
+    {
+        title: "Port extensions to apps",
+        path: "/app-development/port-extensions.md"
+    },
     {
         title: "Best practices",
         path: "/app-development/best-practices/index.md",

src/pages/_images/oms1.mmd

@@ -0,0 +1,8 @@
+flowchart LR
+    subgraph Box1[Adobe Commerce]
+        A1[New Order] --> A2[I/O Events to Adobe Commerce]
+    end
+    subgraph Box2[Order Export Service]
+        B1[Transformation]
+    end
+    Box1 --> Box2 --> Box3[Order Management System]

src/pages/_images/oms2.mmd

@@ -0,0 +1,14 @@
+---
+config:
+  theme: mc
+---
+flowchart LR
+    subgraph Box1[Adobe Commerce]
+        A1[New Order] --> A2[I/O Events to Adobe Commerce]
+        A3[Extension that adds custom data to GraphQL or performs custom calculations] --> A4[GraphQL]
+        end
+    subgraph Box2[Order Export Service]
+        B1[Transformation]
+    end
+    A4 --> Box2 --> Box3[Order Management System]
+    A2 --> Box2