page
Create a Next.js page component
Usage
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-runExamples
Generate a component in the mylib library:
nx g component my-component --project=mylibGenerate a class component in the mylib library:
nx g component my-component --project=mylib --classComponentOptions
name (required)
Type:
stringThe name of the component.
project (required)
Alias(es): p
Type:
stringThe name of the project.
directory
Alias(es): d
Type:
stringCreate the page under this directory (can be nested). Will be created under 'pages/'.
export
Alias(es): e
Default:
falseType:
booleanWhen true, the component is exported from the project index.ts (if it exists).
flat
Default:
falseType:
booleanCreate component at the source root rather than its own directory.
js
Default:
falseType:
booleanGenerate JavaScript files rather than TypeScript files.
style
Alias(es): s
Default:
cssType:
stringPossible values:
css, scss, styl, less, styled-components, @emotion/styled, styled-jsx, noneThe file extension to be used for style files.
withTests
Default:
falseType:
booleanWhen true, creates a "spec.ts" test file for the new page.