Nx (Smart, Fast, Extensible Build System)

API Changes

• NEW: TypeScript Project References — Faster builds and type checks using modern TypeScript setup source
• NEW: pnpm catalog support — Manage single version policy with pnpm catalogs source
• NEW: Angular Rspack support — Fast bundler for Angular projects source
• NEW: AI Agent integration — Code mode for better LLM context management source
• NEW: Polyglot workspaces — Native support for Gradle, Maven, .NET alongside JS/TS projects

Best Practices

• Use domain-based folder structure — Group projects by business domain

libs/
├── auth/
│   ├── feature-login/
│   └── data-access/
├── products/
│   ├── feature-list/
│   └── ui/
└── shared/
    ├── ui/
    └── utils/

• Use Nx generators — Scaffold consistent code across workspace

# Create new library
nx g @nx/angular:library --name=shared-data-access --directory=libs/shared/data-access

# Create new feature
nx g @nx/angular:component --name=user-profile --project=my-app

• Use affected commands — Only run tasks on changed projects

nx affected:build     # Build only changed projects
nx affected:test      # Test only changed projects
nx affected:lint     # Lint only changed projects

• Use shared libraries — Avoid code duplication with common utilities
• Configure task dependencies — Define how tasks depend on each other in

  project.json

{
  "build": {
    "dependsOn": ["^build"]
  }
}

• Use Nx Cloud — Enable distributed caching for faster CI
• Use

  nx.json

  and

  tsconfig.base.json

  — Enforce consistent settings across projects
• Use

  @nx/angular:component

  generator — Follow workspace conventions for components