Skip to content

Monorepo World: October 7, 2024Monorepo World: October 7, 2024Join us!→

NxNxDocs

Main navigation

DocumentationBlogCI Pricing
ContactGo to app
NxCIExtending NxPluginsAPIChangelogAI Chat
Community channelLatest newsYoutube channelNx is open source, check the code on GitHub
  • Getting Started
    • Intro to Nx
    • Installation
    • Why Nx?
    • Editor Setup
    • Tutorials
      • NPM Workspaces Monorepo
      • React Standalone
      • React Monorepo
      • Angular Standalone
      • Angular Monorepo
      • Vue Standalone
      • Gradle Monorepo
    Features
    • Run Tasks
    • Cache Task Results
    • Explore your Workspace
    • Generate Code
    • Automate Updating Dependencies
    • Enforce Module Boundaries
    • Manage Releases
    • CI Features
      • Run Only Tasks Affected by a PR
      • Use Remote Caching (Nx Replay)
      • Distribute Task Execution (Nx Agents)
      • Dynamically Allocate Agents
      • Automatically Split E2E Tasks
      • Identify and Re-run Flaky Tasks
      • Set up Nx Cloud On-Premise
    Concepts
    • Mental Model
    • How Caching Works
    • What is a Task Pipeline
    • What Are Nx Plugins
    • Inferred Tasks
    • Types of Configuration
    • Executors and Configurations
    • Integrated Repos vs. Package-Based Repos vs. Standalone Apps
    • Nx Daemon
    • Nx and Turborepo
    • Buildable and Publishable Libraries
    • Module Federation
      • Module Federation and Nx
      • Faster Builds with Module Federation
      • Micro Frontend Architecture
      • Manage Library Versions with Module Federation
    • Organizational Decisions
      • Overview
      • Monorepos
      • Dependency Management
      • Code Ownership
      • Project Size
      • Project Dependency Rules
      • Folder Structure
    Recipes
    • Installation
      • Install Nx in a Non-Javascript Repo
      • Update Your Global Nx Installation
    • Tasks & Caching
      • Configure Inputs for Task Caching
      • Configure Outputs for Task Caching
      • Define a Task Pipeline
      • Change Cache Location
      • Run Custom Commands
      • Pass Args to Commands
      • Run Tasks in Parallel
      • Run Root-Level NPM Scripts with Nx
      • Workspace Watching
      • Reduce Repetitive Configuration
    • Adopting Nx
      • NPM/Yarn/PNPM workspaces
      • Migrate From Turborepo
      • Add to any Project
      • Preserving Git Histories
      • Manual migration
    • React
      • React Native with Nx
      • Remix with Nx
      • Use Environment Variables in React
      • Using Tailwind CSS in React
      • Adding Images, Fonts, and Files
      • Setup Module Federation with SSR for React
      • Deploying Next.js applications to Vercel
    • Angular
      • Migration
        • Migrating from Angular CLI
        • Migrating From Multiple Angular CLI Repos
      • Use Environment Variables in Angular
      • Using Tailwind CSS with Angular projects
      • Setup Module Federation with SSR for Angular
      • Advanced Micro Frontends with Angular using Dynamic Federation
      • Setup incremental builds for Angular applications
    • Node
      • Deploying a Node App to Fly.io
      • Add and Deploy Netlify Edge Functions with Node
      • Deploying AWS lambda in Node.js (deprecated)
      • Set Up Application Proxies
      • Wait for Tasks to Finish
    • Storybook
      • Set up Storybook for React Projects
      • Set up Storybook for Angular Projects
      • Set up Storybook for Vue Projects
      • Configuring Storybook on Nx
      • One main Storybook instance for all projects
      • One Storybook instance per scope
      • One main Storybook instance using Storybook Composition
      • How to configure Webpack and Vite for Storybook
      • Setting up Storybook Interaction Tests with Nx
      • Upgrading Storybook using the Storybook CLI
      • Setting up Storybook Composition with Nx
      • Angular: Set up Compodoc for Storybook on Nx
      • Angular: Configuring styles and preprocessor options
    • Cypress
      • Component Testing
      • Using setupNodeEvents with Cypress preset
      • Cypress v11 Migration Guide
    • Next
      • How to configure Next.js plugins
    • Nuxt
      • Deploying Nuxt applications to Vercel
    • Vite
      • Configure Vite on your Nx workspace
    • Webpack
      • How to configure Webpack in your Nx workspace
      • Webpack plugins
    • Module Federation
      • How to create a Module Federation Host Application
      • How to create a Module Federation Remote Application
      • How to Federate a Module
    • Enforce Module Boundaries
      • Ban Dependencies with Certain Tags
      • Tag in Multiple Dimensions
      • Ban External Imports
      • Tags Allow List
    • Tips and tricks
      • Add a Package-based Project in an Integrated Repo
      • Add an Integrated Project in a Package-based Repo
      • Convert from a Standalone Repository to an Integrated Repository
      • Configuring ESLint with Typescript
      • Enable Typescript Batch Mode
      • Define Secondary Entrypoints for Typescript Packages
      • Compile Typescript Packages to Multiple Formats
      • Keep Nx Versions in Sync
      • Define Environment Variables
      • Configuring Browser Support
      • Include Assets in Build
      • Include All package.json Files as Projects
      • Identify Dependencies Between Folders
      • Disable Graph Links Created from Analyzing Source Files
      • Use JavaScript instead TypeScript
      • Altering Migration Process
      • Using Yarn PnP
      • Switching to ESLint's flat config format
    • Nx Console
      • Telemetry
      • Project Details View
      • Generate Command
      • Run Command
      • Troubleshooting
    • Nx Release
      • Get Started with Nx Release
      • Release Projects Independently
      • Automatically Version with Conventional Commits
      • Configure Custom Registries
      • Publish in CI/CD
      • Automate GitHub Releases
      • Publish Rust Crates
      • Update Your Local Registry Setup to use Nx Release
      • Customize Conventional Commit Types
      • Configure Changelog Format
      • Publish a Custom Dist Directory
    • Other
      • Rescope Packages from @nrwl to @nx
    Showcase
    • Nx with your favorite tech
      • Express
      • Lit
      • Solid
      • Qwik
      • Rust
      • .NET
      • Astro
      • Svelte
      • Fastify
      • Apollo GraphQL
      • Prisma with NestJS
      • Mongo with Fastify
      • Redis with Fastify
      • Postgres with Fastify
      • PlanetScale with Serverless Fastify
      • Nx with Micro-frontends
    • Benchmarks
      • Typescript Batch Mode Compilation
      • Large Repo and Caching
      • Large Repo and DTE
    Reference
    • Commands
    • Nx Configuration
    • Project Configuration
    • Inputs and Named Inputs
    • .nxignore
    • Environment Variables
    • Glossary
    • Releases
    Troubleshooting
    • Resolve Circular Dependencies
    • Troubleshooting Nx Install Issues
    • Troubleshoot Cache Misses
    • Unknown Local Cache Error
    • Profiling Build Performance
    • Troubleshooting Nx Console Issues
  1. see also
  2. sitemap

  • Nx

    • Getting Started
      • Intro to Nx
      • Installation
      • Why Nx?
      • Editor Setup
      • Tutorials
        • NPM Workspaces Monorepo
        • React Standalone
        • React Monorepo
        • Angular Standalone
        • Angular Monorepo
        • Vue Standalone
        • Gradle Monorepo
    • Features
      • Run Tasks
      • Cache Task Results
      • Explore your Workspace
      • Generate Code
      • Automate Updating Dependencies
      • Enforce Module Boundaries
      • Manage Releases
      • CI Features
    • Concepts
      • Mental Model
      • How Caching Works
      • What is a Task Pipeline
      • What Are Nx Plugins
      • Inferred Tasks
      • Types of Configuration
      • Executors and Configurations
      • Integrated Repos vs. Package-Based Repos vs. Standalone Apps
      • Nx Daemon
      • Nx and Turborepo
      • Buildable and Publishable Libraries
      • Module Federation
        • Module Federation and Nx
        • Faster Builds with Module Federation
        • Micro Frontend Architecture
        • Manage Library Versions with Module Federation
      • Organizational Decisions
        • Overview
        • Monorepos
        • Dependency Management
        • Code Ownership
        • Project Size
        • Project Dependency Rules
        • Folder Structure
    • Recipes
      • Installation
        • Install Nx in a Non-Javascript Repo
        • Update Your Global Nx Installation
      • Tasks & Caching
        • Configure Inputs for Task Caching
        • Configure Outputs for Task Caching
        • Define a Task Pipeline
        • Change Cache Location
        • Run Custom Commands
        • Pass Args to Commands
        • Run Tasks in Parallel
        • Run Root-Level NPM Scripts with Nx
        • Workspace Watching
        • Reduce Repetitive Configuration
      • Adopting Nx
        • NPM/Yarn/PNPM workspaces
        • Migrate From Turborepo
        • Add to any Project
        • Preserving Git Histories
        • Manual migration
      • React
        • React Native with Nx
        • Remix with Nx
        • Use Environment Variables in React
        • Using Tailwind CSS in React
        • Adding Images, Fonts, and Files
        • Setup Module Federation with SSR for React
        • Deploying Next.js applications to Vercel
      • Angular
        • Migration
          • Migrating from Angular CLI
          • Migrating From Multiple Angular CLI Repos
        • Use Environment Variables in Angular
        • Using Tailwind CSS with Angular projects
        • Setup Module Federation with SSR for Angular
        • Advanced Micro Frontends with Angular using Dynamic Federation
        • Setup incremental builds for Angular applications
      • Node
        • Deploying a Node App to Fly.io
        • Add and Deploy Netlify Edge Functions with Node
        • Deploying AWS lambda in Node.js (deprecated)
        • Set Up Application Proxies
        • Wait for Tasks to Finish
      • Storybook
        • Set up Storybook for React Projects
        • Set up Storybook for Angular Projects
        • Set up Storybook for Vue Projects
        • Configuring Storybook on Nx
        • One main Storybook instance for all projects
        • One Storybook instance per scope
        • One main Storybook instance using Storybook Composition
        • How to configure Webpack and Vite for Storybook
        • Setting up Storybook Interaction Tests with Nx
        • Upgrading Storybook using the Storybook CLI
        • Setting up Storybook Composition with Nx
        • Angular: Set up Compodoc for Storybook on Nx
        • Angular: Configuring styles and preprocessor options
      • Cypress
        • Component Testing
        • Using setupNodeEvents with Cypress preset
        • Cypress v11 Migration Guide
      • Next
        • How to configure Next.js plugins
      • Nuxt
        • Deploying Nuxt applications to Vercel
      • Vite
        • Configure Vite on your Nx workspace
      • Webpack
        • How to configure Webpack in your Nx workspace
        • Webpack plugins
      • Module Federation
        • How to create a Module Federation Host Application
        • How to create a Module Federation Remote Application
        • How to Federate a Module
      • Enforce Module Boundaries
        • Ban Dependencies with Certain Tags
        • Tag in Multiple Dimensions
        • Ban External Imports
        • Tags Allow List
      • Tips and tricks
        • Add a Package-based Project in an Integrated Repo
        • Add an Integrated Project in a Package-based Repo
        • Convert from a Standalone Repository to an Integrated Repository
        • Configuring ESLint with Typescript
        • Enable Typescript Batch Mode
        • Define Secondary Entrypoints for Typescript Packages
        • Compile Typescript Packages to Multiple Formats
        • Keep Nx Versions in Sync
        • Define Environment Variables
        • Configuring Browser Support
        • Include Assets in Build
        • Include All package.json Files as Projects
        • Identify Dependencies Between Folders
        • Disable Graph Links Created from Analyzing Source Files
        • Use JavaScript instead TypeScript
        • Altering Migration Process
        • Using Yarn PnP
        • Switching to ESLint's flat config format
      • Nx Console
        • Telemetry
        • Project Details View
        • Generate Command
        • Run Command
        • Troubleshooting
      • Nx Release
        • Get Started with Nx Release
        • Release Projects Independently
        • Automatically Version with Conventional Commits
        • Configure Custom Registries
        • Publish in CI/CD
        • Automate GitHub Releases
        • Publish Rust Crates
        • Update Your Local Registry Setup to use Nx Release
        • Customize Conventional Commit Types
        • Configure Changelog Format
        • Publish a Custom Dist Directory
      • Other
        • Rescope Packages from @nrwl to @nx
        • Troubleshooting Nx Console Issues
    • Showcase
      • Nx with your favorite tech
        • Express
        • Lit
        • Solid
        • Qwik
        • Rust
        • .NET
        • Astro
        • Svelte
        • Fastify
        • Apollo GraphQL
        • Prisma with NestJS
        • Mongo with Fastify
        • Redis with Fastify
        • Postgres with Fastify
        • PlanetScale with Serverless Fastify
        • Nx with Micro-frontends
      • Benchmarks
        • Typescript Batch Mode Compilation
        • Large Repo and Caching
        • Large Repo and DTE
    • Reference
      • Nx Configuration
      • Project Configuration
      • Inputs and Named Inputs
      • .nxignore
      • Environment Variables
      • Glossary
      • Releases
    • Troubleshooting
      • Resolve Circular Dependencies
      • Troubleshooting Nx Install Issues
      • Troubleshoot Cache Misses
      • Unknown Local Cache Error
      • Profiling Build Performance
    • Deprecated
      • affected:graph
      • print-affected
      • workspace.json
      • As Provided vs. Derived
      • Workspace Generators
      • Workspace Executors
      • runtimeCacheInputs
      • cacheableOperations
      • npmScope
      • globalImplicitDependencies
      • Angular Schematics and Builders
      • v1 Nx Plugin API
    • See Also
      • Site Map

  • Extending-nx

    • Intro
      • Getting Started with Plugins
    • 5 Min Tutorials
      • Create a Local Plugin
      • Maintain a Published Plugin
    • Recipes
      • Write a Simple Executor
      • Compose Executors
      • Write a Simple Generator
      • Compose Generators
      • Provide Options for Generators
      • Create Files
      • Modify Files
      • Write a Migration
      • Create a Preset
      • Create an Install Package
      • Modify the Project Graph

  • Ci

    • Intro
      • CI with Nx
      • Why Nx Cloud?
      • Tutorials
        • Circle CI with Nx
        • GitHub Actions with Nx
    • Features
      • Run Only Tasks Affected by a PR
      • Use Remote Caching (Nx Replay)
      • Distribute Task Execution (Nx Agents)
      • Dynamically Allocate Agents
      • Automatically Split E2E Tasks (Atomizer)
      • Identify and Re-run Flaky Tasks
      • Set up Nx Cloud On-Premise
    • Concepts
      • The Building Blocks of Fast CI
      • Reduce Wasted Time in CI
      • Parallelization and Distribution
      • Cache Security
    • Recipes
      • Set Up CI
        • Connect Nx Cloud
        • Setting up Azure Pipelines
        • Setting up CircleCI
        • Setting up GitHub Actions
        • Setting up Jenkins
        • Setting up GitLab
        • Setting up Bitbucket
      • Security
        • Authenticate with Google Identity
        • Access Tokens
        • Enable End to End Encryption
      • Source Control Integration
        • Enable GitHub PR Integration
        • Enable Bitbucket Cloud PR Integration
        • Enable GitLab MR Integration
        • Enable Azure DevOps PR Integration
      • Enterprise
        • On-Premise
          • Authenticate with a Single Admin
          • Authenticate with GitHub
          • On-Prem VM Setup
          • Authenticate with GitLab
          • Authenticate with BitBucket
          • Authenticate via SAML
          • Authenticate via SAML on Managed Version
          • Advanced Configuration
          • Custom GitHub App
        • Custom Distributed Task Execution
          • GitHub Actions Custom DTE
          • Circle CI Custom DTE
          • Azure Pipelines Custom DTE
          • Bitbucket Pipelines Custom DTE
          • GitLab Custom DTE
          • Jenkins Custom DTE
      • Other
        • Record Non-Nx Commands
        • Prepare applications for deployment via CI
    • Reference
      • Configuration Options
      • nx-cloud CLI
      • Launch Templates
      • Custom Steps
      • Environment Variables
      • Release Notes
    • Troubleshooting
      • CI Execution Failed

  • Nx-api

    • angular
      • documents
        • Overview
        • Nx and the Angular CLI
        • Nx Devkit and Angular Devkit
        • Angular and Nx Version Matrix
      • executors
        • delegate-build
        • ng-packagr-lite
        • package
        • browser-esbuild
        • module-federation-dev-server
        • application
        • extract-i18n
        • webpack-browser
        • dev-server
        • webpack-server
        • module-federation-dev-ssr
      • generators
        • add-linting
        • application
        • component
        • component-cypress-spec
        • component-story
        • component-test
        • convert-to-application-executor
        • directive
        • federate-module
        • init
        • library
        • library-secondary-entry-point
        • remote
        • move
        • convert-to-with-mf
        • host
        • ng-add
        • ngrx
        • ngrx-feature-store
        • ngrx-root-store
        • pipe
        • scam-to-standalone
        • scam
        • scam-directive
        • scam-pipe
        • setup-mf
        • setup-ssr
        • setup-tailwind
        • stories
        • storybook-configuration
        • cypress-component-configuration
        • web-worker
    • create-nx-plugin
    • create-nx-workspace
    • cypress
      • documents
        • Overview
      • executors
        • cypress
      • generators
        • init
        • configuration
        • component-configuration
        • migrate-to-cypress-11
        • convert-to-inferred
    • detox
      • documents
        • Overview
      • executors
        • build
        • test
      • generators
        • init
        • application
    • devkit
      • documents
        • Overview
        • Ng CLI Adapter
    • esbuild
      • documents
        • Overview
      • executors
        • esbuild
      • generators
        • init
        • configuration
    • eslint
      • documents
        • Overview
      • executors
        • lint
      • generators
        • init
        • workspace-rules-project
        • workspace-rule
        • convert-to-flat-config
        • convert-to-inferred
    • eslint-plugin
      • documents
        • Overview
        • The enforce-module-boundaries rule
        • The dependency-checks rule
    • expo
      • documents
        • Overview
      • executors
        • update
        • build
        • build-list
        • run
        • start
        • sync-deps
        • ensure-symlink
        • prebuild
        • install
        • export
        • submit
        • serve
      • generators
        • init
        • application
        • library
        • component
    • express
      • documents
        • Overview
      • generators
        • init
        • application
    • gradle
      • documents
        • Overview
      • generators
        • init
        • ci-workflow
    • jest
      • documents
        • Overview
      • executors
        • jest
      • generators
        • init
        • configuration
    • js
      • documents
        • Overview
      • executors
        • tsc
        • swc
        • node
        • release-publish
        • verdaccio
      • generators
        • library
        • init
        • convert-to-swc
        • release-version
        • setup-verdaccio
        • setup-build
        • sync
    • nest
      • documents
        • Overview
      • generators
        • application
        • init
        • library
        • class
        • controller
        • decorator
        • filter
        • gateway
        • guard
        • interceptor
        • interface
        • middleware
        • module
        • pipe
        • provider
        • resolver
        • resource
        • service
    • next
      • documents
        • Overview
      • executors
        • build
        • server
        • export
      • generators
        • init
        • application
        • page
        • component
        • library
        • custom-server
        • cypress-component-configuration
    • node
      • documents
        • Overview
      • generators
        • init
        • application
        • library
        • setup-docker
    • nuxt
      • documents
        • Overview
      • generators
        • init
        • application
        • storybook-configuration
    • nx
      • documents
        • create-nx-workspace
        • init
        • generate
        • run
        • daemon
        • graph
        • run-many
        • affected
        • format:check
        • format:write
        • migrate
        • report
        • list
        • connect-to-nx-cloud
        • reset
        • repair
        • exec
        • watch
        • show
        • view-logs
        • release
        • add
      • executors
        • noop
        • run-commands
        • run-script
      • generators
        • connect-to-nx-cloud
    • playwright
      • documents
        • Overview
      • executors
        • playwright
      • generators
        • configuration
        • init
        • convert-to-inferred
    • plugin
      • documents
        • Overview
      • generators
        • plugin
        • create-package
        • e2e-project
        • migration
        • generator
        • executor
        • plugin-lint-checks
        • preset
    • react
      • documents
        • Overview
      • executors
        • module-federation-dev-server
        • module-federation-ssr-dev-server
      • generators
        • init
        • application
        • library
        • component
        • redux
        • storybook-configuration
        • component-story
        • stories
        • component-cypress-spec
        • hook
        • host
        • remote
        • cypress-component-configuration
        • component-test
        • setup-tailwind
        • setup-ssr
        • federate-module
    • react-native
      • documents
        • Overview
      • executors
        • run-android
        • run-ios
        • bundle
        • build-android
        • build-ios
        • start
        • sync-deps
        • ensure-symlink
        • storybook
        • pod-install
        • upgrade
      • generators
        • init
        • application
        • library
        • component
        • storybook-configuration
        • component-story
        • stories
        • upgrade-native
        • web-configuration
    • remix
      • documents
        • Overview
      • executors
        • serve
        • build
      • generators
        • preset
        • setup
        • application
        • cypress-component-configuration
        • library
        • init
        • route
        • resource-route
        • action
        • loader
        • style
        • setup-tailwind
        • storybook-configuration
        • meta
        • error-boundary
    • rollup
      • executors
        • rollup
      • generators
        • init
        • configuration
    • storybook
      • documents
        • Overview
        • Storybook best practices for making the most out of Nx
        • Storybook 7
      • executors
        • storybook
        • build
      • generators
        • init
        • configuration
        • cypress-project
        • migrate-7
    • tao
    • vite
      • documents
        • Overview
      • executors
        • dev-server
        • build
        • test
        • preview-server
      • generators
        • init
        • configuration
        • vitest
    • vue
      • documents
        • Overview
      • generators
        • init
        • application
        • library
        • component
        • setup-tailwind
        • storybook-configuration
        • stories
    • web
      • documents
        • Overview
      • executors
        • file-server
      • generators
        • init
        • application
        • static-config
    • webpack
      • documents
        • Overview
      • executors
        • webpack
        • dev-server
        • ssr-dev-server
      • generators
        • init
        • configuration
    • workspace
      • documents
        • Overview
        • Nx, NodeJS and Typescript Versions
      • executors
        • counter
      • generators
        • preset
        • move
        • remove
        • convert-to-monorepo
        • new
        • run-commands
        • fix-configuration
        • npm-package
        • ci-workflow
On this page
22.4kGive us a Star!
Edit this page
Edit this page

Footer

Nx

Smart Monorepos · Fast CI

DiscordGitHubXYoutubeNewsletter
Preferences

Resources

  • Blog
  • Nx Playbook
  • Privacy Policy
  • Brands & Guidelines
  • Site Map

Help

  • Documentation
  • Community
  • StackOverflow
  • Report Issues
  • Status Page

Community

  • X
  • GitHub
  • Newsletter
  • Discord
  • Help Us

Solutions

  • Nx Enterprise
  • Nx
  • Nx Cloud

© 2024 made with by