Analog On this page
Code Generation
Analog supports automated code generation using Nx Generators and Angular Schematics.
Generators
The Analog plugin for Nx provides a series of generators that help automate some of the frequent tasks inside an Nx workspace, like generating an application or page. To use these generators, the Nx Console extension can be installed or they can be invoked manually using the Nx CLI:
Generating an application
To generate a new Analog application within an Nx workspace, use the application generator:
npx nx generate @analogjs/platform:application my-appGenerating pages
npx nx generate @analogjs/platform:page --pathname=index --project=analog-appit also works with the Analog specific filenames, Note: this names needs to be surrounded by single quotes ex:
npx nx generate @analogjs/platform:page --pathname='(blog)' --project=analog-appThe schematic as well accepts subfolders to structure our project properly.
npx nx generate @analogjs/platform:page --pathname='products/[products]' --project=analog-appAngular Schematics
Analog provides a series of schematics that help automate some of the frequent tasks inside an Angular CLI workspace, like generating an application or a page. To use these schematics, use the generate command:
Generating an application
To generate a new Analog application within an Angular CLI workspace, use the application schematic:
npx ng generate @analogjs/platform:application my-appGenerating pages
npx ng g @analogjs/platform:page --pathname=index --project=/it also works with the Analog specific filenames, Note: this names needs to be surrounded by single quotes ex:
npx ng g @analogjs/platform:page --pathname='(blog)' --project=/The schematic as well accepts subfolders to structure our project properly.
npx ng g @analogjs/platform:page --pathname='products/[products]' --project=/