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.

Before you begin

Make sure that you extracted the Order Hub code. For more information, see Getting started with customizing Order Hub.
Run the following command to set strict-ssl to false.
```
npm config set "strict-ssl" false
```
Run one of the following commands to reinstall the latest version of @buc/schematics to access the IBM-provided 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