diff --git a/docs/en/framework/architecture/multi-tenancy/index.md b/docs/en/framework/architecture/multi-tenancy/index.md
index 0a035d110d..70e43f26d2 100644
--- a/docs/en/framework/architecture/multi-tenancy/index.md
+++ b/docs/en/framework/architecture/multi-tenancy/index.md
@@ -229,18 +229,20 @@ services.Configure<AbpAspNetCoreMultiTenancyOptions>(options =>
 If you change the `TenantKey`, make sure to pass it to `provideAbpCore` via `withOptions` method in the Angular client as follows:
 
 ```js
-@NgModule({
+// app.config.ts
+// ...
+export const appConfig: ApplicationConfig = {
   providers: [
+    // ...
     provideAbpCore(
       withOptions({
         // ...
         tenantKey: "MyTenantKey",
       })
     ),
+    // ...
   ],
-  // ...
-})
-export class AppModule {}
+};
 ```
 
 If you need to access it, you can inject it as follows:
diff --git a/docs/en/framework/ui/angular/http-error-handling.md b/docs/en/framework/ui/angular/http-error-handling.md
index d388bbfc83..73aade0960 100644
--- a/docs/en/framework/ui/angular/http-error-handling.md
+++ b/docs/en/framework/ui/angular/http-error-handling.md
@@ -84,7 +84,7 @@ export const appConfig: ApplicationConfig = {
 
 In the example above:
 
-- Created a function named `handleHttpErrors` and defined as value of the `HTTP_ERROR_HANDLER` provider in app.module. After this, the function executes when an HTTP error occurs.
+- Created a function named `handleHttpErrors` and defined as value of the `HTTP_ERROR_HANDLER` provider in `app.config.ts`. After this, the function executes when an HTTP error occurs.
 - 400 bad request errors is handled. When a 400 error occurs.
 
 - Since `of(httpError)` is returned at bottom of the `handleHttpErrors`, the `ErrorHandler` will handle the HTTP errors except 400 and 404 errors.
diff --git a/docs/en/framework/ui/angular/oauth-module.md b/docs/en/framework/ui/angular/oauth-module.md
index 0e67d44d07..8ec30ae4b4 100644
--- a/docs/en/framework/ui/angular/oauth-module.md
+++ b/docs/en/framework/ui/angular/oauth-module.md
@@ -2,8 +2,7 @@
 
 The authentication functionality has been moved from @abp/ng.core to @abp/ng.ouath since v7.0.
 
-If your app is version 8.3 or higher, you should include "provideAbpOAuth()" in your app.module.ts as an providers after "provideAbpCore()
-".
+If your app is version 8.3 or higher, you should include "provideAbpOAuth()" after "provideAbpCore()" in the `appConfig` array  of your `app.config.ts`.
 
 Those abstractions can be found in the @abp/ng-core packages.
 
diff --git a/docs/en/framework/ui/angular/pwa-configuration.md b/docs/en/framework/ui/angular/pwa-configuration.md
index 918aa4970d..9825eb0a52 100644
--- a/docs/en/framework/ui/angular/pwa-configuration.md
+++ b/docs/en/framework/ui/angular/pwa-configuration.md
@@ -38,7 +38,7 @@ So, Angular CLI updates some files and add a few others:
   - `serviceWorker` is `true` in production build.
   - `ngswConfigPath` refers to _ngsw-config.json_.
 - **package.json** has _@angular/service-worker_ as a new dependency.
-- **app.module.ts** imports `ServiceWorkerModule` and registers a service worker filename.
+- **app.config.ts** imports `ServiceWorkerModule` and registers a service worker filename.
 - **index.html** has following modifications:
   - A `<link>` element that refers to _manifest.webmanifest_.
   - A `<meta>` tag that sets a theme color.
diff --git a/docs/en/images/angular-folder-structure.png b/docs/en/images/angular-folder-structure.png
index cfc5c6d0e2..ffaf23811a 100644
Binary files a/docs/en/images/angular-folder-structure.png and b/docs/en/images/angular-folder-structure.png differ