nx/docs/shared/recipes/recipe-list.md

All Recipes

Getting Started

• Set up a new workspace

Nx Console

• Generate Command
• Run Command
• Project Pane
• Keyboard Shortcuts

CI

• Setting up Azure Pipelines
• Setting up CircleCI
• Setting up GitHub Actions
• Setting up Jenkins
• Setting up GitLab
• Setting up Bitbucket

Adopting Nx

• Nx and Lerna
• NPM/Yarn/PNPM workspaces
• From CRA
• From Angular CLI
• From AngularJS
• Manual migration
• Preserving Git Histories

Executors

• Use Executor Configurations
• Running Custom Commands
• Creating Custom Executors
• Compose Executors

Generators

• Local Generators
• Composing Generators
• Generator Options
• Creating Files
• Modifying Files

Advanced Plugins

• Project Inference Plugins
• Project Graph Plugins

Environment Variables

• Define Environment Variables
• Use Environment Variables in React
• Use Environment Variables in Angular

Module Federation and Micro Frontends

• Faster Builds with Module Federation
• Advanced Micro Frontends with Angular using Dynamic Federation
• Nx Micro-Frontend Example

Storybook

• Publishing Storybook: One main Storybook instance for all projects
• Publishing Storybook: One Storybook instance per scope
• Publishing Storybook: One main Storybook instance using Storybook Composition

Other

• JavaScript and TypeScript
• React Native with Nx
• Adding Images, Fonts, and Files
• Setup incremental builds for Angular applications
• Profiling Build Performance
• Using ESLint in Nx Workspaces
• Configuring Browser Support
• Deploying Next.js applications to Vercel
• Webpack 5 Migration
• Using Tailwind CSS in React
• React 18 Migration
• Using Tailwind CSS with Angular projects
• Using NgRx
• Using Data Persistence operators
• Customizing Webpack Config
• Powering Up React Development With Nx
• Using Apollo GraphQL
• Large Repo and Caching
• Large Repo and DTE
• Ban Dependencies with Certain Tags
• Tag in Multiple Dimensions
• Ban External Imports
• Tags Allow List
• Disable Graph Links Created from Analyzing Source Files