# Recipe

 Learn quickly how to do things with Nx.

{% cards %}
{% card title="Disable Graph Links Created from Analyzing Source Files" description="" url="/recipe/analyze-source-files" /%}
{% card title="Nx Console Generate Command" description="" url="/recipe/console-generate-command" /%}
{% card title="Nx Console Run Command" description="" url="/recipe/console-run-command" /%}
{% card title="Nx Console Add Dependency Command" description="" url="/recipe/console-add-dependency-command" /%}
{% card title="Nx Console Project Pane" description="" url="/recipe/console-project-pane" /%}
{% card title="Nx Console Keyboard Shortcuts" description="" url="/recipe/console-shortcuts" /%}
{% card title="Advanced Update Nx" description="" url="/recipe/advanced-update" /%}
{% card title="Set up a new workspace" description="" url="/recipe/set-up-a-new-workspace" /%}
{% card title="Setting up Azure Pipelines" description="" url="/recipe/monorepo-ci-azure" /%}
{% card title="Setting up CircleCI" description="" url="/recipe/monorepo-ci-circle-ci" /%}
{% card title="Setting up GitHub Actions" description="" url="/recipe/monorepo-ci-github-actions" /%}
{% card title="Setting up Jenkins" description="" url="/recipe/monorepo-ci-jenkins" /%}
{% card title="Setting up GitLab" description="" url="/recipe/monorepo-ci-gitlab" /%}
{% card title="Setting up Bitbucket" description="" url="/recipe/monorepo-ci-bitbucket-pipelines" /%}
{% card title="Nx and Lerna" description="" url="/recipe/lerna-and-nx" /%}
{% card title="NPM/Yarn/PNPM workspaces" description="" url="/recipe/adding-to-monorepo" /%}
{% card title="From CRA" description="" url="/recipe/migration-cra" /%}
{% card title="From Angular CLI" description="" url="/recipe/migration-angular" /%}
{% card title="From AngularJS" description="" url="/recipe/migration-angularjs" /%}
{% card title="Preserving Git Histories" description="" url="/recipe/preserving-git-histories" /%}
{% card title="Manual migration" description="" url="/recipe/manual" /%}
{% card title="Running Custom Commands" description="" url="recipe/run-commands-executor" /%}
{% card title="Use Executor Configurations" description="" url="recipe/use-executor-configurations" /%}
{% card title="Local Executors" description="" url="recipe/creating-custom-executors" /%}
{% card title="Compose Executors" description="" url="recipe/compose-executors" /%}
{% card title="Local Generators" description="" url="recipe/local-generators" /%}
{% card title="Composing Generators" description="" url="recipe/composing-generators" /%}
{% card title="Generator Options" description="" url="recipe/generator-options" /%}
{% card title="Creating Files" description="" url="recipe/creating-files" /%}
{% card title="Modifying Files" description="" url="recipe/modifying-files" /%}
{% card title="JavaScript and TypeScript" description="" url="/recipe/js-and-ts" /%}
{% card title="React Native with Nx" description="" url="/recipe/react-native" /%}
{% card title="Adding Images, Fonts, and Files" description="" url="/recipe/adding-assets-react" /%}
{% card title="Define Environment Variables" description="" url="/recipe/define-environment-variables" /%}
{% card title="Use Environment Variables in React" description="" url="/recipe/use-environment-variables-in-react" /%}
{% card title="Use Environment Variables in Angular" description="" url="/recipe/use-environment-variables-in-angular" /%}
{% card title="Setup incremental builds for Angular applications" description="" url="/recipe/setup-incremental-builds-angular" /%}
{% card title="Profiling Build Performance" description="" url="recipe/performance-profiling" /%}
{% card title="Using ESLint in Nx Workspaces" description="" url="recipe/eslint" /%}
{% card title="Configuring Browser Support" description="" url="/recipe/browser-support" /%}
{% card title="Deploying Next.js applications to Vercel" description="" url="/recipe/deploy-nextjs-to-vercel" /%}
{% card title="Webpack 5 Migration" description="" url="/recipe/webpack-5" /%}
{% card title="Using Tailwind CSS in React" description="" url="/recipe/using-tailwind-css-in-react" /%}
{% card title="React 18 Migration" description="" url="/recipe/react-18" /%}
{% card title="Using Tailwind CSS with Angular projects" description="" url="/recipe/using-tailwind-css-with-angular-projects" /%}
{% card title="Using NgRx" description="" url="/recipe/misc-ngrx" /%}
{% card title="Using Data Persistence operators" description="" url="/recipe/misc-data-persistence" /%}
{% card title="Customizing Webpack Config" description="" url="recipe/customize-webpack" /%}
{% card title="Faster Builds with Module Federation" description="" url="recipe/faster-builds" /%}
{% card title="Advanced Micro Frontends with Angular using Dynamic Federation" description="" url="/recipe/dynamic-module-federation-with-angular" /%}
{% card title="Nx Micro-Frontend Example" description="" url="/recipe/nx-examples" /%}
{% card title="Powering Up React Development With Nx" description="" url="/recipe/react-nx" /%}
{% card title="Using Apollo GraphQL" description="" url="/recipe/apollo-react" /%}
{% card title="Large Repo and Caching" description="" url="/recipe/caching" /%}
{% card title="Large Repo and DTE" description="" url="/recipe/dte" /%}
{% card title="Project Inference Plugins" description="" url="/recipe/project-inference-plugins" /%}
{% card title="Project Graph Plugins" description="" url="/recipe/project-graph-plugins" /%}
{% card title="Ban Dependencies with Certain Tags" description="" url="recipe/ban-dependencies-with-tags" /%}
{% card title="Tag in Multiple Dimensions" description="" url="recipe/tag-multiple-dimensions" /%}
{% card title="Ban External Imports" description="" url="recipe/ban-external-imports" /%}
{% card title="Tags Allow List" description="" url="recipe/tags-allow-list" /%}
{% card title="Export Project Graph" description="" url="/recipe/export-project-graph" /%}
{% card title="Resolve Circular Dependencies" description="" url="/recipe/resolve-circular-dependencies" /%}
{% card title="Publishing Storybook: One main Storybook instance for all projects" description="" url="/recipe/one-storybook-for-all" /%}
{% card title="Publishing Storybook: One Storybook instance per scope" description="" url="/recipe/one-storybook-per-scope" /%}
{% card title="Publishing Storybook: One main Storybook instance using Storybook Composition" description="" url="/recipe/one-storybook-with-composition" /%}
{% /cards %}

