Skip to content

Main navigation

Nx DocsNx Cloud DocsReferencePluginsNx 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 Data Persistence operators
    • 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

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
  • Press kit

Help

  • Documentation
  • Community
  • StackOverflow
  • Report Issues

Community

  • Twitter
  • Github
  • Newsletter
  • Slack
  • Help Us

Solutions

  • Nx
  • NxCloud
  • Nrwl

© 2022 made with by