Site Map

Tasks & Caching
- Configure Inputs for Task Caching
- Configure Outputs for Task Caching
- Define a Task Pipeline
- Change Cache Location
- Run Custom 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
- Migrating from CRA
- React 18 Migration
- 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
- 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
- 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
- Setting up Storybook Composition with Nx
- Angular: Set up Compodoc for Storybook on Nx
- Angular: Configuring styles and preprocessor options
Cypress
- Component Testing
- Cypress v11 Migration Guide
Deno
- Add a Deno Project
- Serverless deployment with Deno Deploy
- Add and Deploy Netlify Edge Functions with Deno
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
Installation
- Install Nx in a Non-Javascript Repo
- Update Your Global Nx Installation
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
Troubleshooting
- Resolve Circular Dependencies
- Troubleshooting Nx Install Issues
- Troubleshoot Cache Misses
- Unknown Local Cache Error
- Profiling Build Performance
Nx Console
- Telemetry
- Project Details View
- Generate Command
- Run Command
- Add Dependency Command
- Project Pane
- Keyboard Shortcuts
- Troubleshooting
Nx Release
- Get Started with Nx Release
- Release Projects Independently
- Automatically Version with Conventional Commits
- Publish in CI/CD
Other
- Rescope Packages from @nrwl to @nx

Showcase

Reference

Deprecated