new sections

Author: zdrawku

en/docfx.json

@@ -13,6 +13,7 @@
                     "using-data-in-your-app/**.md",
                     "ui-kits/**.md",
                     "ai/**.md",
+                    "sdk/**.md",
                     "on-premises/**.md",
                     "toolbox/**.md",
                     "how-to/**.md",

en/images/how-to-create-angular-host-app.png

@@ -0,0 +1,17 @@
+# Getting Started with the App Builder SDK
+
+## SDK Overview
+The App Builder SDK provides a comprehensive toolkit for integrating both front-end and back-end capabilities into your applications. To begin, [you can use the Help Documentation](https://github.com/IgniteUI/appbuilder-sdk-sample/blob/main/Documentation/Consuming-AB-SDK-all-in-one-doc.md) and create an Angular host application that consumes the front-end SDK package, enabling seamless UI integration. On the server side, you can build a custom backend using the App Builder Backend SDK, with support for development environments like Visual Studio Code and Visual Studio. These foundational steps ensure that your application is fully equipped to leverage the SDK’s capabilities from both ends.
+
+<img class="box-shadow" src="../images/how-to-create-angular-host-app.png" />
+<p style="width: 100%; text-align:center;">Running the SDK</p>
+
+The documentation further covers the Authentication and authorization key components of the SDK setup. You can configure [OpenID authentication](../on-premises/auth-with-openid-connect-o-auth.md) to allow users to log in using external identity providers, offering flexibility beyond the default IAM provider. Additionally, the SDK supports external authentication flows such as Authorization Code + PKCE, and allows the host application to manage authentication directly. For more advanced scenarios, you can customize the IAuthUserService and IPermissionsService interfaces to implement tailored logic for user roles and permissions. Optional guides are available to help configure backend endpoints that enforce role-based access control, ensuring secure and scalable integration.
+
+## Additional Resources
+<div class="divider--half"></div>
+
+* [App Builder Interface Overview](../interface-overview.md)
+* [Single Page And Navigation](../single-page-apps-and-navigation.md)
+* [App Builder Components](../indigo-design-app-builder-components.md)
+* [Running Desktop App](../running-desktop-app.md)

en/sdk/sdk.md

@@ -7,28 +7,27 @@
 - name: Getting Started
   href: ../getting-started.md
   items:
-    - name: Launch App Builder
-      href: ../getting-started.md#launch-app-builder
     - name: Interface overview
       href: ../interface-overview.md
     - name: Create New App
       href: ../getting-started.md#create-new-app
     - name: Running the Generated App Locally
       href: ../generate-app/run-application-locally.md
-    - name: On-Premises Prerequisites and Installation
-      href: ../on-prem-prerequisites-and-installation.md
-      updated: false
-    - name: On-Premise Authentication with OpenID Connect
-      href: ../on-premises/auth-with-openid-connect-o-auth.md
-      new: false
-    - name: On-Premises and SDK Configuration Flags
-      href: ../on-premises/configuration-flags.md
-      new: false
-    - name: Whitelisting External Resources (On-Premises)
-      href: ../on-premises/external-references-for-whitelisting.md
-      new: false
-    - name: Running the App Builder Desktop App
-      href: ../running-desktop-app.md
+    - name: SDK, On-Prem & Desktop
+      items:
+        - name: Using the App Builder SDK
+          href: ../sdk/sdk.md
+        - name: Using the On-Premises Version
+          href: ../on-prem-prerequisites-and-installation.md
+          items:
+          - name: On-Prem Authentication with OpenID Connect
+            href: ../on-premises/auth-with-openid-connect-o-auth.md
+          - name: On-Premises and SDK Configuration Flags
+            href: ../on-premises/configuration-flags.md
+          - name: Whitelisting External Resources
+            href: ../on-premises/external-references-for-whitelisting.md
+        - name: Using the Desktop App
+          href: ../running-desktop-app.md
 - name: Design System & Design-to-Code Workflow
   href: ../design-to-code-story.md
   updated: false

en/sidebar-toc/toc.yml

@@ -13,6 +13,7 @@
                     "using-data-in-your-app/**.md",
                     "ui-kits/**.md",
                     "ai/**.md",
+                    "sdk/**.md",
                     "on-premises/**.md",
                     "toolbox/**.md",
                     "how-to/**.md",