logo The World’s #1 Bootstrap 4 & 5 HTML, Angular 11, React, VueJS & Laravel
Admin Dashboard Theme

Angular Skeleton

1. Remove Demo Pages:

All demo pages are in separate modules.

  1. Remove demo pages folder:
    [metronic]/theme/angular/[demo]/src/app/modules/e-commerce
    [metronic]/theme/angular/[demo]/src/app/modules/user-management
    [metronic]/theme/angular/[demo]/src/app/modules/material
    [metronic]/theme/angular/[demo]/src/app/modules/ngbootstrap
    [metronic]/theme/angular/[demo]/src/app/modules/wizards
    [metronic]/theme/angular/[demo]/src/app/modules/user-profile

    Leave auth, i18n and errors folder. Auth is required for authentication module like login and register page. errors is required for 404 page redirect (* you able to keep only error page and remove others). i18n is required for application localization.

  2. Remove demo pages from Routing in file [metronic]/theme/angular/[demo]/src/app/pages/pages-routing.module.ts:

    Remove code from row20 to 55

  3. Remove demo pages links from Aside Menu Static in file [metronic]/theme/angular/[demo]/src/app/pages/_layout/components/aside/aside.component.html: (*if you are using static aside) Remove all html code from row 77 to 1483
  4. Remove demo pages links from Aside Menu Dynamic in file [metronic]/theme/angular/[demo]/src/app/_metronic/configs/dynamic-aside-menu.config.ts: (*if you are using dynamic aside) Remove all html code from row 19 to 347
  5. Remove demo pages links from Header Menu Static in file [metronic]/theme/angular/[demo]/src/app/pages/_layout/components/header/header-menu/header-menu.component.html: (*if you are using static header) Remove all html code from row 24 to 1177
  6. Remove demo pages links from Header Menu Dynamic in file [metronic]/theme/angular/[demo]/src/app/_metronic/configs/dynamic-header-menu.config.ts: (*if you are using dynamic header) Remove all html code from row 16 to 389

2. Remove Dashboard widgets:

All dashboard widgets can be easily removed.

  1. Remove dashboard+widgets folders:
    [metronic]/theme/angular/[demo]/src/_metronic/partials/content/dashboards
    [metronic]/theme/angular/[demo]/src/_metronic/partials/content/widgets
  2. Remove Dashboard imports in dashboard module [metronic]/theme/angular/[demo]/src/app/pages/dashboard/dashboard.module.ts:
  3. Remove Dashboard component in dashboard page [metronic]/theme/angular/[demo]/src/app/pages/dashboard/dashboard.component.html:
    <!-- <app-dashboard-wrapper></app-dashboard-wrapper> -->
Metronic: Angular skeleton => Result