Nx — The Modern Monorepo Platform

my-workspace/
├── apps/
│   ├── my-app/              # Application project
│   └── my-app-e2e/          # E2E tests for my-app
├── libs/
│   ├── shared/
│   │   ├── ui/              # Shared UI components library
│   │   └── data-access/     # Shared data access library
│   └── feature-auth/        # Feature library
├── tools/
│   └── generators/          # Custom workspace generators
├── nx.json                  # Nx configuration
├── package.json
└── tsconfig.base.json       # Base TypeScript config with path aliases

{
  "$schema": "./node_modules/nx/schemas/nx-schema.json",
  "defaultBase": "main",
  "namedInputs": {
    "default": ["{projectRoot}/**/*", "sharedGlobals"],
    "production": ["default", "!{projectRoot}/**/*.spec.ts"]
  },
  "targetDefaults": {
    "build": {
      "dependsOn": ["^build"],
      "inputs": ["production", "^production"],
      "cache": true
    },
    "test": {
      "inputs": ["default", "^production"],
      "cache": true
    },
    "lint": {
      "inputs": ["default"],
      "cache": true
    }
  },
  "plugins": [
    "@nx/angular/plugin",
    "@nx/eslint/plugin"
  ]
}

# 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

npx nx@latest init

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

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

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
nx show projects                  # List all projects
nx run-many --target=build        # Run build for all projects

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

nx affected --target=build                        # Build affected projects
nx affected --target=test                         # Test affected projects
nx affected --target=lint                         # Lint affected projects
nx affected --target=build --base=main            # Compare against main branch
nx affected --target=build --base=HEAD~1          # Compare against last commit
nx affected:graph                                 # Visualize affected projects
nx affected --target=build --parallel=3           # Run 3 builds in parallel

{
  "targetDefaults": {
    "build": { "cache": true },
    "test":  { "cache": true },
    "lint":  { "cache": true }
  }
}

// Clear local cache
nx reset

{
  "name": "my-app",
  "targets": {
    "build": {
      "executor": "@nx/webpack:webpack",
      "options": { "outputPath": "dist/apps/my-app" }
    },
    "serve": {
      "executor": "@nx/webpack:dev-server",
      "options": { "buildTarget": "my-app:build" }
    },
    "test": {
      "executor": "@nx/jest:jest",
      "options": { "jestConfig": "apps/my-app/jest.config.ts" }
    }
  }
}

{
  "rules": {
    "@nx/enforce-module-boundaries": ["error", {
      "depConstraints": [
        {
          "sourceTag": "type:feature",
          "onlyDependOnLibsWithTags": ["type:ui", "type:data-access", "type:util"]
        },
        {
          "sourceTag": "type:ui",
          "onlyDependOnLibsWithTags": ["type:util"]
        },
        {
          "sourceTag": "type:data-access",
          "onlyDependOnLibsWithTags": ["type:util"]
        }
      ]
    }]
  }
}