Skip to content

A new Nx workshop is coming on July 7th and 8th!To your agenda! A new Nx workshop will happen on July 7th and 8th, an online workshop to know how to Develop at Scale with Nx Monorepos! Schedule and more info →

Main navigation

Nx DocsNx Cloud DocsPluginsNx ConfNx CloudNx ConsultingNx on Github
13k+
  • Getting Started
    • Intro to Nx
    • Nx Setup
    • Nx Without Plugins
    • Nx and TypeScript
    • Nx and React
    • Nx and Angular
    Configuration Choices
    • package.json and nx.json
    • project.json and nx.json
    Using Nx
    • Nx CLI
    • Nx Editor Plugins
    • Mental Model
    • Computation Caching
    • Distributed Task Execution
    • Affected
    • CI Setup
    • Updating Nx
    Migration
    • Nx and Lerna
    • NPM/Yarn/PNPM workspaces
    • From CRA
    • From Angular CLI
    • From AngularJS
    • Preserving Git Histories
    • Manual migration
    Core Tutorial
    • 1 - Create Blog
    • 2 - Create CLI
    • 3 - Share Assets
    • 4 - Build Affected Projects
    • 5 - Automatically Detect Dependencies
    • 6 - Summary
    React Tutorial
    • 1 - Create Application
    • 2 - Add E2E Test
    • 3 - Display Todos
    • 4 - Connect to API
    • 5 - Add Node Application
    • 6 - Proxy Configuration
    • 7 - Share Code
    • 8 - Create Libraries
    • 9 - Project Graph
    • 10 - Use Computation Caching
    • 11 - Test Affected Projects
    • 12 - Summary
    Angular Tutorial
    • 1 - Create Application
    • 2 - Add E2E Test
    • 3 - Display Todos
    • 4 - Connect to API
    • 5 - Add Node Application
    • 6 - Proxy Configuration
    • 7 - Share Code
    • 8 - Create Libraries
    • 9 - Project Graph
    • 10 - Use Computation Caching
    • 11 - Test Affected Projects
    • 12 - Summary
    Node Tutorial
    • 1 - Create Application
    • 2 - Display Todos
    • 3 - Share Code
    • 4 - Create Libraries
    • 5 - Project Graph
    • 6 - Use Computation Caching
    • 7 - Test Affected Projects
    • 8 - Summary

Deep Dive

  • Extending Nx
    • Nx Plugins and Devkit
    • Project Inference Plugins
    • Project Graph Plugins
    Executors / Builders
    • Using Executors / Builders
    • Running Custom Commands
    • Creating Custom Executors
    Generators
    • Using Generators
    • Workspace Generators
    • Composing Generators
    • Generator Options
    • Creating Files
    • Modifying Files
    Workspace Structure
    • Applications and Libraries
    • Creating Libraries
    • Library Types
    • Grouping Libraries
    • Buildable and Publishable Libraries
    • Using Tags
    • Project Graph
    • Extending the Project Graph
    CI
    • Setting up Azure Pipelines
    • Setting up CircleCI
    • Setting up GitHub Actions
    • Setting up Jenkins
    • Setting up GitLab
    • Setting up Bitbucket
    • Distributed CI
    • Incremental Builds
    • Setup incremental builds for Angular applications
    Guides
    • Nx and Turborepo
    • Monorepos
    • Adding Images, Fonts, and Files
    • Using Environment Variables
    • Using Nx at Enterprises
    • Profiling Build Performance
    • Using ESLint in Nx Workspaces
    • Customizing Webpack Config
    • Nx Daemon
    • JavaScript and TypeScript
    • Configuring Browser Support
    • React Native with Nx
    • 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 DataPersistence
    • Nx Devkit and Angular Devkit
    Module Federation
    • Faster Builds with Module Federation
    • Micro Frontend Architecture
    • Advanced Micro Frontends with Angular using Dynamic Federation
    Examples
    • Nx Micro-Frontend Example
    • Powering Up React Development With Nx
    • Using Apollo GraphQL
    • Large Repo and Caching
    • Large Repo and DTE

Official Plugins

  • angular
    • Overview
    • delegate-build
    • ng-packagr-lite
    • package
    • webpack-browser
    • webpack-server
    • module-federation-dev-server
    • file-server
    • add-linting
    • application
    • component
    • component-cypress-spec
    • component-story
    • convert-tslint-to-eslint
    • downgrade-module
    • init
    • karma
    • karma-project
    • library
    • library-secondary-entry-point
    • remote
    • move
    • convert-to-with-mf
    • host
    • ng-add
    • ngrx
    • scam
    • scam-directive
    • scam-pipe
    • setup-mf
    • setup-tailwind
    • stories
    • storybook-configuration
    • upgrade-module
    • web-worker
    • change-storybook-targets
    cli
    • create-nx-workspace
    • init
    • generate
    • run
    • daemon
    • graph
    • run-many
    • affected
    • affected:graph
    • affected:apps
    • affected:libs
    • print-affected
    • format:check
    • format:write
    • migrate
    • report
    • list
    • workspace-lint
    • workspace-generator
    • connect-to-nx-cloud
    • reset
    cypress
    • Overview
    • cypress
    • init
    • cypress-project
    detox
    • Overview
    • build
    • test
    • init
    • application
    devkit
    • Overview
    • Ng CLI Adapter
    eslint plugin nx
    • Overview
    express
    • Overview
    • init
    • application
    jest
    • Overview
    • jest
    • init
    • jest-project
    js
    • Overview
    • tsc
    • swc
    • library
    • init
    • convert-to-swc
    linter
    • Overview
    • eslint-plugin-nx
    • lint
    • eslint
    • workspace-rules-project
    • workspace-rule
    nest
    • Overview
    • application
    • convert-tslint-to-eslint
    • init
    • library
    • class
    • controller
    • decorator
    • filter
    • gateway
    • guard
    • interceptor
    • interface
    • middleware
    • module
    • pipe
    • provider
    • resolver
    • resource
    • service
    next
    • Overview
    • build
    • server
    • export
    • init
    • application
    • page
    • component
    • library
    node
    • Overview
    • webpack
    • node
    • init
    • application
    • library
    nx
    • noop
    • run-commands
    • run-script
    nx plugin
    • Overview
    • e2e
    • plugin
    • e2e-project
    • migration
    • generator
    • executor
    • plugin-lint-checks
    react
    • Overview
    • module-federation-dev-server
    • init
    • application
    • library
    • component
    • redux
    • storybook-configuration
    • component-story
    • stories
    • component-cypress-spec
    • hook
    • host
    • remote
    react native
    • Overview
    • run-android
    • run-ios
    • bundle
    • build-android
    • start
    • sync-deps
    • ensure-symlink
    • storybook
    • init
    • application
    • library
    • component
    • storybook-configuration
    • component-story
    • stories
    • upgrade-native
    storybook
    • Overview Generic
    • Overview (React)
    • Overview (Angular)
    • Extra topics for Angular projects
    • Migrate to the Nrwl React Storybook Preset
    • Migrate to the Nrwl Angular Storybook Preset
    • Upgrading to Storybook 6 (React)
    • Upgrading to Storybook 6 (Angular)
    • Setting up Storybook Composition with Nx
    • storybook
    • build
    • init
    • configuration
    • cypress-project
    • change-storybook-targets
    web
    • Overview
    • webpack
    • rollup
    • dev-server
    • file-server
    • init
    • application
    workspace
    • Overview
    • run-commands
    • counter
    • run-script
    • workspace
    • preset
    • move
    • remove
    • new
    • library
    • workspace-generator
    • run-commands
    • convert-to-nx-project
    • npm-package
    • ci-workflow

Angular Nx Tutorial - Step 12: Summary

In this tutorial you:

  • Built a full stack application using Angular and Nest
  • Shared code between the frontend and the backend
  • Created a UI library
  • Used Nx affected commands to only retest and rebuild what is affected

Learn more

  • Free Nx Course on YouTube

Dive Deep:

  • Nx CLI
  • Computation Caching
  • Rebuilding What is Affected
Report an issueEdit this page

Footer

Nx

Smart, Fast and Extensible Build System

TwitterGitHubSlackNewsletter

Resources

  • Blog
  • Youtube Channel
  • Nx Playbook
  • Nrwl

Help

  • Documentation
  • Community
  • StackOverflow
  • Report Issues

Community

  • Twitter
  • Github
  • Newsletter
  • Slack
  • Help Us

Solutions

  • Nx
  • NxCloud
  • Nrwl

© 2022 made with by