Creating components with Angular schematics

Within the developer toolkit, IBM provides Angular schematics to quickly generate components with starter code that you can use in applications. Components include search pages, tables, and field details.

Use the schematics to generate components with the same design and functions as existing components in Order Hub. The generated components also include the necessary libraries to communicate with various services, such as:

The Sterling™ Order Management System backend.
Sterling Intelligent Promising Inventory Visibility tenants.
Other microservice tenants.
The Carbon UI libraries that are used in existing pages.

For information about how to use the schematics to create new applications, see Creating new applications in next-generation Order Hub.

Before you begin

Extract the next-generation Order Hub code. For more information, see Getting started with customizing next-generation Order Hub.
Run the following command to set the strict-ssl to false.
```
npm config set "strict-ssl" false
```
Access the IBM-provided schematics by running the following command to reinstall the latest version of the @buc/schematics. For Angular v18, run the following command.
```
npm uninstall -g @buc/schematics
npm install -g ./lib/buc/schematics/schematics-v4latest.tgz
```
For Angular v20, run the following command.
```
npm uninstall -g @buc/schematics
npm install -g ./lib/buc/schematics/schematics-v5latest.tgz
```
For help with a schematic script, run.
```
ng g @buc/schematics:<component> --help
```
Create one of the following experiences or components.
- Create a configuration-driven search experience
- Create search page components
- Create search results components
- Create table components
- Create field components