@nx/next:component
Create a React Component for Next.
Examples
Generate a component named MyComponent at apps/my-app/src/app/my-component/my-component.tsx:
❯
nx g component apps/my-app/src/app/my-component/my-component.tsx
Usage
1nx generate component ...
2By default, Nx will search for component in the default collection provisioned in workspace.json.
You can specify the collection explicitly as follows:
1nx g @nx/next:component ...
2Show what will be generated without writing to disk:
1nx g component ... --dry-run
2Options
path
Required
string
The file path to the component. Relative to the current working directory.
export
e
boolean
Default:
falseWhen true, the component is exported from the project index.ts (if it exists).
name
string
The component symbol name. Defaults to the last segment of the file path.
style
s
string
Default:
cssThe file extension to be used for style files.
skipTests
Internal
boolean
Default:
falseWhen true, does not create spec.ts test files for the new component.
skipFormat
Internal
boolean
Default:
falseSkip formatting files.
js
Deprecated
boolean
Generate JavaScript files rather than TypeScript files.
Provide the full file path including the file extension in the path option. This option will be removed in Nx v21.