* feat(linter): add explicit file extension to config files * feat(linter): update references to .eslintrc for new projects * fix(linter): fix quotes in global eslint config
2.2 KiB
2.2 KiB
Next.js Plugin
The Nx Plugin for Next.js contains builders and schematics for managing Next.js applications and libraries within an Nx workspace. It provides:
- Scaffolding for creating, building, serving, linting, and testing Next.js applications.
- Integration with building, serving, and exporting a Next.js application.
- Integration with React libraries within the workspace.
Installing the Next.js Plugin
Installing the Next plugin to a workspace can be done with the following:
yarn add -D @nrwl/next
npm install -D @nrwl/next
Applications
Generating new applications can be done with the following:
nx generate @nrwl/next:application <name>
This creates the following app structure:
myorg/
├── apps/
│ ├── myapp/
│ │ ├── pages/
│ │ │ ├── index.css
│ │ │ └── index.tsx
│ │ ├── jest.conf.js
│ │ ├── tsconfig.json
│ │ ├── tsconfig.spec.json
│ │ └── .eslintrc.json
│ └── myapp-e2e/
│ │ ├── src/
│ │ │ ├── integrations/
│ │ │ │ └── app.spec.ts
│ │ │ ├── fixtures/
│ │ │ ├── plugins/
│ │ │ └── support/
│ │ ├── cypress.json
│ │ ├── tsconfig.e2e.json
│ │ └── .eslintrc.json
├── libs/
├── workspace.json
├── nx.json
├── package.json
├── tools/
├── tsconfig.json
└── .eslintrc.json
See Also
Builders
- build - Builds a Next.js application
- dev-server - Builds and serves a Next.js application
- export - Export a Next.js app. The exported application is located at
dist/$outputPath/exported
Schematics
- application - Create an Next.js application