@nrwl/next:component

Create a React Component for Next.

Usage

nx generate component ...

By default, Nx will search for component in the default collection provisioned in workspace.json.

You can specify the collection explicitly as follows:

nx g @nrwl/next:component ...

Show what will be generated without writing to disk:

nx g component ... --dry-run

Examples

Generate a component in the mylib library:

nx g component my-component --project=mylib

Generate a class component in the mylib library:

nx g component my-component --project=mylib --classComponent

Options

directory

dir
string

Create the component under this directory (can be nested).

export

e
boolean
Default: false

When true, the component is exported from the project index.ts (if it exists).

flat

boolean
Default: false

Create component at the source root rather than its own directory.

js

boolean
Default: false

Generate JavaScript files rather than TypeScript files.

name

Required
string

The name of the component.

project

pRequired
string

The name of the project.

style

s
string
Default: css

The file extension to be used for style files.

skipTests

boolean
Default: false

When true, does not create spec.ts test files for the new component.