Create a Next.js page component


nx generate page ...

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

You can specify the collection explicitly as follows:

nx g @nrwl/next:page ...

Show what will be generated without writing to disk:

nx g page ... --dry-run


Generate a page in the my-app application:

nx nx g page my-new-page --project=my-app


name (required)

Type: string

The name of the component.

project (required)

Alias(es): p

Type: string

The name of the project.


Alias(es): dir

Type: string

Create the page under this directory (can be nested). Will be created under 'pages/'.


Alias(es): e

Default: false

Type: boolean

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


Default: false

Type: boolean

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


Default: false

Type: boolean

Generate JavaScript files rather than TypeScript files.


Alias(es): s

Default: css

Type: string

Possible values: css, scss, styl, less, styled-components, @emotion/styled, styled-jsx, none

The file extension to be used for style files.


Default: false

Type: boolean

When true, creates a "spec.ts" test file for the new page.