Skip to content
Nx
Docs
v21
v21
✓
v20
v19
Blog
Resources
Learn
Podcasts
Webinars
Nx Video Courses
Newsletter
Community
Discord
Events
Office Hours
Live Streams
Company
About Us
Customers
Partners
AI
Nx Cloud
Nx Enterprise
Search
Ctrl
K
Cancel
GitHub
YouTube
X
Discord
Select theme
Dark
Light
Auto
Getting Started
Introduction
Installation
Start a new project
Add to existing project
Editor Integration
AI Integration
Tutorials
Angular Monorepo
Gradle Monorepo
React Monorepo
TypeScript Monorepo
Features
Run Tasks
Cache Task Results
Enhance Your LLM
Explore your Workspace
Generate Code
Maintain TypeScript Monorepos
Automate Updating Dependencies
Enforce Module Boundaries
Manage Releases
CI Features
AI-Powered Self-Healing CI
Remote Caching (Nx Replay)
Distribute Task Execution (Nx Agents)
Run Only Tasks Affected by a PR
Dynamically Allocate Agents
Automatically Split E2E Tasks
Identify and Re-run Flaky Tasks
Explain with AI
beta
GitHub Integration
Guides
installation
Install Nx in a Non-JavaScript Repository
Update Your Global Nx Installation
Adopting Nx
Adding Nx to your Existing Project
NPM/Yarn/PNPM workspaces
Migrating from Turborepo
Import an Existing Project into an Nx Workspace
Manual migration
Preserving Git Histories
Enforce Module Boundaries
Ban Dependencies with Certain Tags
Ban External Imports
Tag in Multiple Dimensions
Tags Allow List
Nx Console
Generate Command
Migrate UI
Nx Cloud Integration
Project Details View
Run Command
Telemetry
Troubleshooting
Nx Release
Automate GitHub Releases
Automate GitLab Releases
Automatically Version with Conventional Commits
Build Before Versioning
Configuring Version Prefix for Dependencies
Configure Changelog Format
Configure Custom Registries
Customize Conventional Commit Types
File Based Versioning (Version Plans)
Publish in CI/CD
Using Nx Release with Rust
Release Docker Images
Release TypeScript/JavaScript Packages to NPM
Release Projects Independently
Update Your Local Registry Setup to use Nx Release
Updating Version References in Manifest Files
Tasks & Caching
Change Cache Location
Configure Inputs for Task Caching
Configure Outputs for Task Caching
Migrate to Inferred Tasks (Project Crystal)
Defining a Task Pipeline
Pass Args to Commands
Reduce Repetitive Configuration
Run Root-Level NPM Scripts with Nx
Running Custom Commands
Run Tasks in Parallel
Remote Cache
Skip Task Caching
Terminal UI
Workspace Watching
Tips and Tricks
Advanced Update Process
Disable Graph Links Created from Analyzing Source Files
Configuring Browser Support
Define Environment Variables
Identify Dependencies Between Folders
Include All package.json Files as Projects
Including Assets in Your Build
Keep Nx Versions in Sync
Convert from a Standalone Repository to a Monorepo
Using Yarn Plug'n'Play with Nx
Concepts
Publishable and Buildable Nx Libraries
Common Tasks
Nx Daemon
Executors and Configurations
How Caching Works
Inferred Tasks (Project Crystal)
Mental Model
What Are Nx Plugins?
Sync Generators
What is a Task Pipeline
Managing Configuration Files
TypeScript Project Linking
CI Concepts
Nx Cloud AI
Building Blocks of Fast CI
Cache Security
Heartbeat and Main Job Completion Handling
Parallelization and Distribution
Reduce Wasted Time in CI
Decisions
Code Ownership
Dependency Management Strategies
Folder Structure
Monorepo or Polyrepo
Project Dependency Rules
Project Size
Monorepos
Module Federation
Faster Builds with Module Federation
Manage Library Versions with Module Federation
Micro Frontend Architecture
Module Federation and Nx
Nx Module Federation Technical Overview
Technologies
TypeScript
Generators
Executors
Migrations
Guides
Compile Typescript Packages to Multiple Formats
Define Secondary Entrypoints for Typescript Packages
Enable Typescript Batch Mode
Use JavaScript instead TypeScript
Switch to Workspaces and TS Project References
Introduction
Angular
Generators
Executors
Migrations
Guides
Angular and Nx Version Matrix
Advanced Micro Frontends with Angular using Dynamic Federation
Setup Module Federation with SSR for Angular
Nx and the Angular CLI
Nx Devkit and Angular Devkit
Setup incremental builds for Angular applications
Use Environment Variables in Angular
Using Tailwind CSS with Angular projects
Angular Migration
Migrating From Multiple Angular CLI Repos
Migrating from Angular CLI
Introduction
React
Generators
Executors
Migrations
Guides
Adding Images, Fonts, and Files
Deploying Next.js applications to Vercel
Setup Module Federation with SSR
React Compiler with Nx
React Native with Nx
React Router with Nx
Remix with Nx
Use Environment Variables in React
Using Tailwind CSS in React
Introduction
Next
Generators
Executors
Migrations
Guides
How to configure Next.js plugins
Introduction
Remix
Generators
Executors
Migrations
Introduction
React Native
Generators
Executors
Migrations
Introduction
Expo
Generators
Executors
Migrations
Introduction
Vue
Generators
Migrations
Introduction
Nuxt
Generators
Migrations
Guides
Deploying Nuxt applications to Vercel
Introduction
Node.js
Generators
Migrations
Guides
Set Up Application Proxies
Deploying AWS lambda in Node.js (deprecated)
Deploying a Node App to Fly.io
Add and Deploy Netlify Edge Functions with Node
Wait for Tasks to Finish
Introduction
Express
Generators
Introduction
Nest
Generators
Migrations
Introduction
Java
Generators
Executors
Migrations
Module Federation
Migrations
Concepts
Faster Builds with Module Federation
Manage Library Versions with Module Federation
Micro Frontend Architecture
Module Federation and Nx
Nx Module Federation Technical Overview
Guides
Creating a Module Federation Host
Creating a Module Federation Remote
Federate a Module
NxModuleFederationDevServerPlugin
Introduction
ESLint
Generators
Executors
Migrations
Guides
Configuring ESLint with Typescript
Switching to ESLint's flat config format
Introduction
ESLint Plugin
Migrations
Guides
The dependency-checks rule
The enforce-module-boundaries rule
Build Tools
Webpack
Generators
Executors
Migrations
Guides
How to configure Webpack in your Nx workspace
Webpack plugins
Introduction
Vite
Generators
Executors
Migrations
Guides
Configure Vite
Introduction
Rollup
Generators
Executors
Migrations
Introduction
ESBuild
Generators
Executors
Introduction
Rspack
Generators
Executors
Migrations
Introduction
Rsbuild
Generators
Introduction
Test Tools
Cypress
Generators
Executors
Migrations
Guides
Component Testing
Using setupNodeEvents with Cypress preset
Cypress v11 Migration Guide
Introduction
Jest
Generators
Executors
Migrations
Introduction
Playwright
Generators
Executors
Migrations
Introduction
Storybook
Generators
Executors
Migrations
Guides
Angular - Configuring styles and preprocessor options
Angular - Set up Compodoc for Storybook on Nx
Storybook best practices for making the most out of Nx
Configuring Storybook on Nx
How to configure Webpack and Vite for Storybook
One main Storybook instance for all projects
One Storybook instance per scope
One main Storybook instance using Storybook Composition
Set up Storybook for Angular Projects
Set up Storybook for React Projects
Set up Storybook for Vue Projects
Storybook 9
Setting up Storybook Composition with Nx
Setting up Storybook Interaction Tests with Nx
Upgrading Storybook using the Storybook CLI
Introduction
Detox
Generators
Executors
Migrations
Introduction
Enterprise
Polygraph
Metadata-Only Workspaces
Custom Workflows
Activate Nx Powerpack
Powerpack Features
Nx Powerpack Features
Free Licenses and Trials
Run Language-Agnostic Conformance Rules
Configure Conformance Rules in Nx Cloud
Define Code Ownership at the Project Level
Publish Conformance Rules to Nx Cloud
Single Tenant
Single Tenant Nx Cloud Hosting
BitBucket Cloud Auth
BitBucket Data Center Auth
GitHub Auth
GitLab Auth
SAML Auth
Custom GitHub App
Reference
Commands
Cloud Commands
Nx configuration
Project Configuration
Inputs and Named Inputs
.nxignore
Environment Variables
Glossary
Releases
Benchmarks
Large Next.js Apps Made Faster with Nx
Nx Agents at Scale
TSC Batch Mode
Powerpack
conformance
Create a Conformance Rule
Executors
Generators
Overview
owners
Generators
Overview
Remote Cache Plugins
azure-cache
Overview
gcs-cache
Overview
s3-cache
Overview
shared-fs-cache
Generators
Overview
Troubleshooting
CI Execution Failed
Troubleshoot Nx Console Issues
Profiling Performance
Resolve Circular Dependencies
Troubleshoot Cache Misses
Troubleshoot Convert to Inferred Migration
Troubleshoot Nx Installations
Unknown Local Cache Error
GitHub
YouTube
X
Discord
Select theme
Dark
Light
Auto
Technologies
Build Tools
Vite
Guides
Guides
Configure Vite
This guide explains how you can configure Vite in your Nx workspace.
