Nx — The Modern Monorepo Platform

An open-source build system and monorepo toolkit that amplifies developer productivity — supporting Angular, React, Node.js, and more.

What is Nx?

Nx (formerly Nrwl Extension) is a powerful open-source build system and monorepo platform created by the team at Nrwl. Originally focused on Angular, it has grown into a full-stack toolkit supporting React, Vue, Node.js, Next.js, Nest.js, and more.

With Nx 20 (released 2024), the @nrwl scoped packages have been fully replaced by @nx scoped packages. Nx is no longer just an Angular CLI extension — it is a complete monorepo platform with smart caching, CI distribution, and AI-assisted development.

Key Features (2024/2025)

Why Use Nx?

• Share code across multiple apps in a single repository without duplication.
• Run only the tasks affected by your changes — not the entire codebase.
• Consistent tooling across Angular, React, Node.js, and more in one workspace.
• Enforce module boundaries and architectural rules with lint rules.
• Scale CI pipelines with distributed task execution via Nx Cloud.

Getting Started with Nx

Create a New Workspace

# Create workspace with Angular preset
npx create-nx-workspace@latest myworkspace --preset=angular

# Create workspace with React preset
npx create-nx-workspace@latest myworkspace --preset=react

# Create empty workspace
npx create-nx-workspace@latest myworkspace --preset=empty

Add Nx to an Existing Project

npx nx@latest init

Add Framework Plugins (Nx 20+ uses @nx scope)

npm install --save-dev @nx/angular
npm install --save-dev @nx/react
npm install --save-dev @nx/node
npm install --save-dev @nx/express
npm install --save-dev @nx/nest
npm install --save-dev @nx/next

Generate Apps and Libraries

nx g @nx/angular:application myapp
nx g @nx/angular:library mylib
nx g @nx/react:application my-react-app
nx g @nx/node:application my-api

Common Nx Commands

nx serve myapp                    # Serve an app
nx build myapp                    # Build an app
nx test myapp                     # Run tests
nx lint myapp                     # Lint a project
nx affected --target=build        # Build only affected projects
nx affected --target=test         # Test only affected projects
nx graph                          # Open dependency graph in browser
nx migrate latest                 # Migrate to latest Nx version

Enable Nx Cloud (Remote Caching)

npx nx connect                    # Connect to Nx Cloud
npx nx-cloud start-ci-run --distribute-on="3 linux-medium-js"  # Nx Agents in CI

Nx vs Angular CLI