diff --git a/docs/en/framework/infrastructure/artificial-intelligence/index.md b/docs/en/framework/infrastructure/artificial-intelligence/index.md index ddf9ad4b07..f6b00b07ec 100644 --- a/docs/en/framework/infrastructure/artificial-intelligence/index.md +++ b/docs/en/framework/infrastructure/artificial-intelligence/index.md @@ -10,6 +10,8 @@ ABP Framework provides integration for AI capabilities to your application by us ABP introduces a concept called **AI Workspace**. A workspace allows you to configure isolated AI configurations for a named scope. You can then resolve AI services for a specific workspace when you need to use them. +If you want to see AI-assisted delivery used on a real application, take a look at [Hanova & Habitly](../../../samples/index.md#hanova--habitly), which were built with the ABP Studio AI Agent. + > ABP Framework can work with any AI library or framework that supports .NET development. However, the AI integration features explained in the following documents provide a modular and standard way to work with AI, which allows ABP developers to create reusable modules and components with AI capabilities in a standard way. ## Installation @@ -37,4 +39,3 @@ Check the following documentation to learn how to use these libraries with the A - [ABP Microsoft.Extensions.AI integration](./microsoft-extensions-ai.md) - [ABP Microsoft.Agents.AI (Agent Framework) integration](./microsoft-agent-framework.md) - [ABP Microsoft.SemanticKernel integration](./microsoft-semantic-kernel.md) - diff --git a/docs/en/framework/ui/react-native/index.md b/docs/en/framework/ui/react-native/index.md index def2ac125c..9f52612326 100644 --- a/docs/en/framework/ui/react-native/index.md +++ b/docs/en/framework/ui/react-native/index.md @@ -69,6 +69,8 @@ abp new MyCompanyName.MyProjectName -csf -u -m react-native This command creates a solution containing an **Angular** or **MVC** project (depending on your choice), a **.NET Core** project, and a **React Native** project. +If you want to see the modern React Native template as a finished product, the [Habitly sample](../../../samples/index.md#hanova--habitly) is a good reference point. + ## Run the Application You can choose how you want to run the mobile app: diff --git a/docs/en/samples/index.md b/docs/en/samples/index.md index 9bce96be17..7b0642d7f4 100644 --- a/docs/en/samples/index.md +++ b/docs/en/samples/index.md @@ -1,7 +1,7 @@ ```json //[doc-seo] { - "Description": "Explore a variety of ABP Framework samples, complete with live demos, source code, and tutorials to enhance your development skills!" + "Description": "Explore a variety of ABP Framework samples, complete with live demos, source code, and tutorials to enhance your development skills!" } ``` @@ -13,8 +13,8 @@ This document provides a list of samples built with ABP. Each sample is briefly A reference application built with ABP. It implements the Domain Driven Design with multiple application layers. -* [Live demo](https://www.openeventhub.com/) -* [Source code](https://github.com/abpframework/eventhub) +- [Live demo](https://www.openeventhub.com/) +- [Source code](https://github.com/abpframework/eventhub) ![samples-event-hub](../images/samples-eventhub.png) @@ -25,7 +25,7 @@ A reference application built with ABP. It implements the Domain Driven Design w Reference microservice solution built with ABP and .NET. -* [Source code](https://github.com/abpframework/eShopOnAbp) +- [Source code](https://github.com/abpframework/eShopOnAbp) ![eshoponabp](../images/samples-eshoponabp.png) @@ -33,8 +33,8 @@ Reference microservice solution built with ABP and .NET. A minimal example website built with the [CMS Kit module](../modules/cms-kit/index.md). -* [Live demo](https://cms-kit-demo.abpdemo.com/) -* [Source code](https://github.com/abpframework/cms-kit-demo) +- [Live demo](https://cms-kit-demo.abpdemo.com/) +- [Source code](https://github.com/abpframework/cms-kit-demo) ![samples-cms-kit](../images/samples-cms-kit.png) @@ -42,8 +42,8 @@ A minimal example website built with the [CMS Kit module](../modules/cms-kit/ind A middle-size CRM application built with ABP. -* [Live demo](http://easycrm.abp.io/) -* [Click here](easy-crm.md) to see the details and download the source code. +- [Live demo](http://easycrm.abp.io/) +- [Click here](easy-crm.md) to see the details and download the source code. ![samples-easy-crm](../images/samples-easycrm.png) @@ -51,20 +51,20 @@ A middle-size CRM application built with ABP. A simple CRUD application to show basic principles of developing an application with ABP. The same sample was implemented with different technologies and different modules: -* **Book Store: Razor Pages UI & Entity Framework Core** - * [Tutorial](../tutorials/book-store/part-01.md?UI=MVC&DB=EF) - * [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Mvc-EfCore) - * [Download source code (with PRO modules) *](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-mvc-ef) -* **Book Store: Blazor UI & Entity Framework Core** - * [Tutorial](../tutorials/book-store/part-01.md?UI=Blazor&DB=EF) - * [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Blazor-EfCore) - * [Download source code (with PRO modules) *](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-blazor-efcore) -* **Book Store: Angular UI & MongoDB** - * [Tutorial](../tutorials/book-store/part-01.md?UI=NG&DB=Mongo) - * [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Angular-MongoDb) - * [Download source code (with PRO modules) *](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-angular-mongodb) -* **Book Store: Modular application (Razor Pages UI & EF Core)** - * [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Modular) +- **Book Store: Razor Pages UI & Entity Framework Core** + - [Tutorial](../tutorials/book-store/part-01.md?UI=MVC&DB=EF) + - [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Mvc-EfCore) + - [Download source code (with PRO modules) \*](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-mvc-ef) +- **Book Store: Blazor UI & Entity Framework Core** + - [Tutorial](../tutorials/book-store/part-01.md?UI=Blazor&DB=EF) + - [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Blazor-EfCore) + - [Download source code (with PRO modules) \*](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-blazor-efcore) +- **Book Store: Angular UI & MongoDB** + - [Tutorial](../tutorials/book-store/part-01.md?UI=NG&DB=Mongo) + - [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Angular-MongoDb) + - [Download source code (with PRO modules) \*](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-angular-mongodb) +- **Book Store: Modular application (Razor Pages UI & EF Core)** + - [Source code](https://github.com/abpframework/abp-samples/tree/master/BookStore-Modular) If you want to create the BookStore application and generate CRUD pages automatically with ABP Suite, please refer to the [Book Store Application (with ABP Suite) tutorial](../tutorials/book-store-with-abp-suite/part-01.md). Also, you can follow the [Mobile Application Development Tutorials](../tutorials/mobile/index.md), if you want to implement the CRUD operations for [MAUI](../tutorials/mobile/maui/index.md) & [React Native](../tutorials/mobile/react-native/index.md) mobile applications. @@ -74,9 +74,9 @@ If you want to create the BookStore application and generate CRUD pages automati A modular monolith application that demonstrates how to create, compose, and communicate between application modules to build a modular web application: -* **ModularCRM: Razor Pages UI & Entity Framework Core** - * [Tutorial](../tutorials/modular-crm/part-01.md?UI=MVC&DB=EF) - * [Source code](https://github.com/abpframework/abp-samples/tree/master/ModularCRM) +- **ModularCRM: Razor Pages UI & Entity Framework Core** + - [Tutorial](../tutorials/modular-crm/part-01.md?UI=MVC&DB=EF) + - [Source code](https://github.com/abpframework/abp-samples/tree/master/ModularCRM) ## CloudCrm @@ -84,13 +84,27 @@ A modular monolith application that demonstrates how to create, compose, and com A microservice solution that shows how to start a new microservice solution, create services and communicate between these services. It's a reference tutorial to learn to use these services from a web application through an API gateway and automatically generate CRUD pages using the ABP Suite tool: -* **CloudCRM: Razor Pages UI & Entity Framework Core** - * [Tutorial](../tutorials/microservice/part-01.md?UI=MVC&DB=EF) - * [Download source code](https://abp.io/api/download/samples/cloud-crm-mvc-ef) +- **CloudCRM: Razor Pages UI & Entity Framework Core** + - [Tutorial](../tutorials/microservice/part-01.md?UI=MVC&DB=EF) + - [Download source code](https://abp.io/api/download/samples/cloud-crm-mvc-ef) + +## Hanova & Habitly + +> This sample application is available exclusively to users with an [ABP Business license or higher](https://abp.io/pricing). + +Hanova and Habitly are production-ready sample applications generated from the ABP Studio templates using React and React Native. Their features were built using the [ABP Studio AI Agent](https://abp.io/docs/latest/studio/ai-agent), demonstrating how AI can accelerate the development of real-world applications. + +- **[Hanova Source Code](https://abp.io/api/download/samples/Hanova)** +- **[Habitly Source Code](https://abp.io/api/download/samples/reactnative-efcore-psql-habitly)** + +To learn more, see: + +- [How the ABP AI Agent helps build production-ready applications](https://abp.io/community/articles/template-in-product-out-building-hanova-with-the-abp-ai-hcntpk3j#gsc.tab=0) +- [How we modernized React Native application development](https://abp.io/community/articles/new-abp-modern-react-native-template-rxjiyrpb#gsc.tab=0) ## Other Samples ABP Platform provides many sample applications demonstrating various use cases and integrations. You can: -* Browse all sample applications in the [abp-samples repository](https://github.com/abpframework/abp-samples). -* Read detailed articles and tutorials in the [ABP Community](https://abp.io/community), which are shared by ABP Community & Contributors. \ No newline at end of file +- Browse all sample applications in the [abp-samples repository](https://github.com/abpframework/abp-samples). +- Read detailed articles and tutorials in the [ABP Community](https://abp.io/community), which are shared by ABP Community & Contributors. diff --git a/docs/en/studio/overview.md b/docs/en/studio/overview.md index 13e539ebcf..bf30d40694 100644 --- a/docs/en/studio/overview.md +++ b/docs/en/studio/overview.md @@ -112,6 +112,8 @@ Key features of the AI Agent include: - **Attachments**: Attach supported files or images to provide task-specific context. - **Studio Integration**: Use enabled Studio tools for build, monitoring, applications, containers, tasks, proxies, migrations, and Git-related workflows. +For a production example of this workflow in action, see the [Hanova & Habitly samples](../samples/index.md#hanova--habitly). + > **Note**: Review the Privacy Notice available in the AI Agent panel to understand how your data is handled. For the technical AI Agent reference, see [ABP Studio: AI Agent](./ai-agent.md). diff --git a/docs/en/tutorials/mobile/index.md b/docs/en/tutorials/mobile/index.md index 20767b9f1d..fe5635fcd2 100644 --- a/docs/en/tutorials/mobile/index.md +++ b/docs/en/tutorials/mobile/index.md @@ -11,6 +11,8 @@ Mobile application development tutorials are designed for developers who have completed [the web development part of the tutorial](../book-store/index.md) and wish to continue building the mobile version of the application. +The React Native track follows the modernized ABP mobile template, and the [Habitly sample](../../samples/index.md#hanova--habitly) shows that stack in a production-ready app. + ## Tutorials You can choose between two mobile applications: [**.NET MAUI**](../../framework/ui/maui/index.md) or [**React Native**](../../framework/ui/react-native/index.md). Choose your framework and continue building your mobile application! @@ -30,4 +32,4 @@ The .NET MAUI tutorial walks you through creating a mobile version of your books The React Native tutorial provides instructions for building the bookstore app using JavaScript. * [React Native - Mobile Application Tutorial](./react-native/index.md) -* [Source Code](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-react-native-mongodb) \ No newline at end of file +* [Source Code](https://abp.io/Account/Login?returnUrl=/api/download/samples/bookstore-react-native-mongodb) diff --git a/docs/en/tutorials/mobile/react-native/index.md b/docs/en/tutorials/mobile/react-native/index.md index db41615d98..af2a14d028 100644 --- a/docs/en/tutorials/mobile/react-native/index.md +++ b/docs/en/tutorials/mobile/react-native/index.md @@ -18,6 +18,8 @@ The React Native mobile option is _available for_ **_Team_** _or higher licenses - The mobile template was modernized in 2026: it now uses **NativeWind v4** (Tailwind CSS for React Native) for styling, **Bottom Tab navigation** by default, and the **Redux Toolkit** store with hook-based access (`useSelector` / `useDispatch`). The `connectToRedux` HOC, the `DrawerNavigator`, and the legacy `DataList`/`AbpSelect` components from earlier versions no longer ship with the template — this tutorial walks through building the new equivalents. - Before starting, please make sure that the [React Native Development Environment](../../../framework/ui/react-native/index.md) is ready on your machine. +If you'd like to inspect a complete implementation first, [Habitly](../../../samples/index.md#hanova--habitly) is the production-ready mobile sample that follows this modern template direction. + ## Running the Application Before implementing UI changes, run the `Acme.BookStore` mobile application and verify that login works: