Nx

Nx

Overview

Nx is a build system for monorepos. It provides computation caching (local + remote), task orchestration, dependency graph, code generators, and affected commands. Works with React, Angular, Node.js, Next.js, and any language.

Instructions

Step 1: Create Workspace

npx create-nx-workspace@latest my-org --preset=ts
cd my-org

Step 2: Add Projects

nx g @nx/react:app my-app
nx g @nx/js:lib shared-utils
nx g @nx/node:app api

Step 3: Run Tasks

nx serve my-app
nx build api
nx test shared-utils
nx affected -t test         # only what changed
nx run-many -t build test   # everything

Step 4: nx.json Configuration

// nx.json — Workspace configuration
{
  "targetDefaults": {
    "build": { "dependsOn": ["^build"], "cache": true },
    "test": { "cache": true },
    "lint": { "cache": true }
  }
}

Guidelines

• Nx caches task results — second run is instant if inputs haven't changed.
• Use nx affected in CI to only build/test what changed in a PR.
• Nx Cloud provides remote caching — share cache across team/CI.
• Nx works without plugins too — add it to any repo with npx nx init.