Nx Tutorial: Migrate Multiple Angular CLI apps into a Single Nx Monorepo

Nx comes with powerful automated migrations to move an existing Angular CLI app (or also CRA app) to a new Nx workspace. However, many times you have multiple such Angular CLI apps which you want to consolidate into one Nx workspace. In this video we're diving deep into this topic, not only showing how to migrate existing Angular CLI apps but also how to potentially do that in an incremental fashion.

▬▬▬▬▬▬ ? Links ▬▬▬▬▬▬
Docs: https://nx.dev
Nx Angular: https://nx.dev/packages/angular
Automatic migrations: https://nx.dev/recipe/migration-angular
Manual migrations: https://nx.dev/recipe/manual
Per-package node module setup with PNPM workspaces: https://youtu.be/ngdoUQBvAjo

Slack Community: https://bit.ly/nx-slack
Consulting: https://nrwl.io

▬▬▬▬▬▬ ? Socials ▬▬▬▬▬▬
Nx - https://twitter.com/NxDevTools
Juri - https://twitter.com/juristr

▬▬▬▬▬▬ ⏱ Timecodes ▬▬▬▬▬▬
0:00 Intro
0:38 Exploring the Migration docs
2:38 Setup an example Nx workspace as our end goal state
4:05 Starting point & migration strategy overview
5:18 Hoisting packages to consolidate versions
5:51 Single version policy vs multiple versions
8:51 Creating Nx workspace folder structure
9:13 Incrementally Adding Nx at the root-level
10:14 Configure Nx cacheable operations
10:25 Running package.json scripts with Nx
11:23 Add libraries into the monorepo workspace
16:16 Sharing libraries with npm workspaces
23:58 Setting up Nx task dependencies
25:15 Demoing Nx Caching
26:23 Adding a new Nx Angular app
28:36 Migrating NG CLI app to full Nx Angular app
34:18 Wrapping up